@media print display：none does not working

我已经尝试了超过3个星期，现在尝试使用不同的实现来获得正确的部分不显示，并且左边部分显示为全宽。鉴于我的研究表明，没有简单或精简的方式来快速渲染打印视图而不检查打印预览，我正在寻求一些帮助来弄清楚这一点。@media print display：none does not working

This是当前页即时尝试去工作。

This是我想要发生的事情。请注意，左侧的宽度需要延伸整个宽度。

不工作的打印介质CSS是这样的：

#gc { 
    width: 100%; 
} 
#asideTrack { 
/*  width: 100%;*/ 
    display: none; 
} 
.asideTrack { 
/*  width: 100%;*/ 
    display: none; 
} 
.slideAside { 
/*  width: 100%;*/ 
    display: none; 
} 
#slideAside { 
    display:none 
}

有什么建议？

来源

2012-07-28 chris Frisina

在打印预览（在Firefox和IE上测试）中不显示预留块，因此问题似乎与标题和描述所说的不同。在澄清问题描述之前，请检查语法错误。 W3C标记验证程序报告53个错误，并且W3C CSS验证程序报告43个错误（当指定CSS3并且仅将供应商扩展视为警告时）。 – 2012-07-28 07:05:08

是的，它们不可见，但打印预览中的显示与您手动隐藏aSide不同。左侧的宽度不会“调整”到全宽。该部分仍然存在，只是不可见。 – 2012-07-28 07:12:39

在CSS规则下覆盖，如果他们有相同的优先级（视选择）你写在@media块您共同CSS不顶

，它是下那么你的@media打印块，所以它会覆盖您的@media打印样式。例如，导致为什么在打印预览中你的左边块有74％的宽度（因为这个规则低于你所说的100％的@media打印块的规则）。

我希望它是有帮助的。

解决方案

在你的CSS文件时可能会介质打印块地方文件的末尾。
将!important指令添加到媒体打印块中的某些规则。即： p颜色：红色重要; }
把你的特殊的CSS屏幕放在媒体屏幕块。

来源

2012-07-28 06:58:30

那么我如何用@media块覆盖较低的规则？ – 2012-07-28 07:10:19

！重要工作。谢谢。不知道订购。再次，我仍然需要[这] [1] [1]的原因：http://stackoverflow.com/questions/11161631/the-hunt-for-a-css-attribute-editable-interactive-user-interface - 学习工具 – 2012-07-28 07:22:05

@media print display：none does not working

回答

相关问题