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

Question

如何在打印时显示背景颜色和图像,我知道这是浏览器属性,但我想从CSS中完成它,例如我用于webkit, -webkit-print-color-adjust: exact;那么我怎样才能实现它.

Answer 1

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

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

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

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

Answer 2

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

@media print 用于打印机

@media screen 用于计算机屏幕

一些简单的读物如下

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

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