在html页面中实现打印的时候,弹出的打印预览窗口中,自定义的CSS样式会打印不出来,比如div的背景图片,或table中行的背景颜色,如图所示。
工具/原料
IDEA
原因分析
原因分析:这是由于在打印的时候,项目中引入的一些CSS文件会将页面中字体颜色设置为黑色,背景设置为透明色,导致了自定义的样式失效,进而打印不出来。
解决方法
1
在需要打印页面的style中,增加body{-webkit-print-color-adjust: exact;},如图所示。
2
在背景图片和背景颜色设置的style中,对应的背景(img)或颜色(background-color)后要加!important,目的是让该自定义样式处于最高级别。如图所示。
3
设置好上述信息以后,再去打印页面,这些内容就可以都打印出来了。
上一篇:哪些食物吃了可能会“被酒驾”?