HTML / CSS - 在IE和Firefox中无法显示打印,背景颜色和图像的样式?

时间:2013-02-02 08:38:10

标签: html css printing-web-page

如何在打印时显示背景颜色和图像,我知道这是浏览器属性,但我想从CSS中完成它,例如我用于webkit -webkit-print-color-adjust: exact;所以我该如何实现它。 / p>

3 个答案:

答案 0 :(得分:9)

不,这是不可能的,请参阅: -webkit-print-color-adjust

-webkit-print-color-adjust属性是一种非标准的CSS扩展,可用于强制在基于WebKit引擎的浏览器中打印背景颜色和图像。

Firefox或IE没有这样的解决方案。

唯一的解决方案是手动取消选中打印对话框中的“打印背景颜色”复选框。

答案 1 :(得分:1)

Google MapsBing Maps使用了涉及非常大的表格单元格边框和负边距的CSS黑客攻击。大多数其他网站尚未实施此黑客攻击。

我找不到任何关于如何重新创建此文档的文档,但是,如果读者愿意密切关注其中任何一个网站上的打印输出的DOM,他/她将找到绕过限制的方法。 / p>

答案 2 :(得分:-2)

使用CSS @media为不同的设备设置样式

@media print 用于打印机

@media screen 用于电脑屏幕


一些简单的读数如下

http://www.w3schools.com/css/css_mediatypes.asp

https://developer.mozilla.org/en-US/docs/CSS/@media