Javascript的WindowPrint背景颜色无法打印的问题解决

2022-05-19 1280点热度 0人点赞 0条评论

问题描述

在用Javascript调出浏览器打印页面(window.print()函数)或者其他打印工具类库(例如Print.js PrintArea, 对打印页面的一些有用和便捷封装,总体都是最后调用的window.print())

在这些使用中,发现一个问题,网页区域有背景颜色的时候,打印的时候并不出现背景颜色,例如:

<div stlyle="background:red;">测试</div>

解决办法

经过一番调查,找到解决方案,在此记录下。

只要给需要打印的元素CSS加如下两个属性便可:

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

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论