问题描述
在用Javascript调出浏览器打印页面(window.print()函数)或者其他打印工具类库(例如Print.js PrintArea, 对打印页面的一些有用和便捷封装,总体都是最后调用的window.print())
在这些使用中,发现一个问题,网页区域有背景颜色的时候,打印的时候并不出现背景颜色,例如:
<div stlyle="background:red;">测试</div>
解决办法
经过一番调查,找到解决方案,在此记录下。
只要给需要打印的元素CSS加如下两个属性便可:
#print { -webkit-print-color-adjust: exact; color-adjust:exact; }
文章评论