firefox和IE中-webkit-print-color的替代方法是什么

时间:2016-02-25 10:51:02

标签: css google-chrome internet-explorer firefox

我在打印背景颜色方面遇到了一些问题。

print-color-adjust使背景颜色问题在chrome中得到解决。

body{
-webkit-print-color-adjust: exact;
}

firefox和IE中有什么备用CSS

3 个答案:

答案 0 :(得分:19)

如上所述-webkit-print-color-adjust: exact特定于WebKit浏览器,包括Google的Chrome和Apple的Safari;因此,代码应该在上述浏览器中充分运行,结果可能略有不同(取决于您的网站/应用程序样式)。

有人建议将此代码段标准化,不仅适用于浏览器,也适用于不同的设备。代码简化为:color-adjust。与webkit-print-color-adjust属性类似,建议的属性economy | exact的可能值相同。

如果要将该属性用于打印目的,只需在@media print查询内的选择器中使用。

我不能保证在浏览器上广泛采用草拟属性,但它目前正在使用最新版本的FireFox。

[Source]

答案 1 :(得分:13)

还有其他CSS可以为Chrome和Firefox打印背景颜色。

td { 
 -webkit-print-color-adjust: exact;//:For Chrome
  color-adjust: exact;//:For Firefox
}

答案 2 :(得分:8)

这开始在Firefox(至少版本48.0.2)中使用“颜色调整”属性。

td { 
  background: #000 !important;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}