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

Sha*_*han 21 css firefox internet-explorer google-chrome

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

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

body{
-webkit-print-color-adjust: exact;
}
Run Code Online (Sandbox Code Playgroud)

firefox和IE中有什么替代CSS.

AUl*_*ah1 20

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

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

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

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

[资源]

  • 根据 caniuse,它也应该适用于 Safari 浏览器。如果微软能修复 Edge,我们会很高兴...... (2认同)

Jom*_*hny 14

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

td { 
 -webkit-print-color-adjust: exact;//:For Chrome
  color-adjust: exact;//:For Firefox
}
Run Code Online (Sandbox Code Playgroud)

  • 这应该被接受为正确的答案. (4认同)
  • 这是正确答案。在尝试解决这个问题后,`color-adjust: exact;` 适用于 firefox 而 webkit 不适用。 (3认同)

Pra*_*ayi 8

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

td { 
  background: #000 !important;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
Run Code Online (Sandbox Code Playgroud)