近期在看打印,由于window.print调用的是浏览器的打印功能,所以发现在打印时出现背景色丢失的现象。经过查询一些资料,解决了在谷歌和火狐上背景色丢失的问题。
- 谷歌打印背景色丢失解决方案
在div的style中添加 -webkit-print-color-adjust: exact;
<style type="text/css" media="print,screen">
div{
//webkit 为Google Chrome、Safari等浏览器内核
-webkit-print-color-adjust: exact;
}
</style>
- 火狐打印背景色丢失解决方案
在div的style中添加
print-color-adjust: exact;
color-adjust: exact;
<style type="text/css" media="print,screen">
div{
//解决火狐浏览器打印
print-color-adjust: exact;
color-adjust: exact;
}
</style>
但是在IE浏览器并未发现有功能类似的语句,且以上语句不支持IE,请各位大佬帮忙,IE有没有办法解决打印高亮丢失的方法。另外,谷歌、IE、火狐都可以通过更改浏览器的打印设置(勾选打印页面设置中的打印背景图片和颜色)解决该问题,如果不要求通过代码解决该问题的伙伴可以通过这种方式解决