多语言展示
当前在线:491今日阅读:26今日分享:39

HTML网页打印无法打印背景图片和颜色的问题

在html页面中实现打印的时候,弹出的打印预览窗口中,自定义的CSS样式会打印不出来,比如div的背景图片,或table中行的背景颜色,如图所示。
工具/原料

IDEA

原因分析

原因分析:这是由于在打印的时候,项目中引入的一些CSS文件会将页面中字体颜色设置为黑色,背景设置为透明色,导致了自定义的样式失效,进而打印不出来。

解决方法
1

在需要打印页面的style中,增加body{-webkit-print-color-adjust: exact;},如图所示。

2

在背景图片和背景颜色设置的style中,对应的背景(img)或颜色(background-color)后要加!important,目的是让该自定义样式处于最高级别。如图所示。

3

设置好上述信息以后,再去打印页面,这些内容就可以都打印出来了。

推荐信息