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

Question

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

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

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

firefox和IE中有什么替代CSS.

Answer 1

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

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

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

我无法保证浏览器对草拟属性的广泛采用,但它目前正在使用最新版本的FireFox.

[资源]

Answer 2

还有替代CSS可以打印Chrome和Firefox的背景颜色.

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

Answer 3

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

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