print-color-adjust: exact;怎么兼容火狐和ie
时间: 2024-03-21 16:43:06 浏览: 160
`print-color-adjust` 属性在 Firefox 和 IE 中并不支持。在 Firefox 中,可以使用 `-moz-print-color-adjust: exact;` 来实现相同的效果。在 IE 中,可以使用 `filter: chroma(color=#FFFFFF);` 来调整打印时的颜色输出。因此,为了兼容这两个浏览器,可以将代码写成如下形式:
```
@media print {
/* 对于现代浏览器,使用 print-color-adjust: exact; */
@supports (print-color-adjust: exact) {
body {
-webkit-print-color-adjust: exact;
-moz-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* 对于 Firefox,使用 -moz-print-color-adjust: exact; */
@-moz-document url-prefix() {
body {
-moz-print-color-adjust: exact;
}
}
/* 对于 IE,使用 filter: chroma(color=#FFFFFF); */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body {
filter: chroma(color=#FFFFFF);
}
}
}
```
这样,就可以在各个浏览器中实现相同的打印效果。
阅读全文