本文介绍了如何在HTML打印预览中保持页面背景颜色。通过使用CSS的`@media print`规则和`-webkit-print-color-adjust: exact;`属性，可以确保在Chrome和Safari等WebKit浏览器中正确显示打印预览的背景颜色。虽然存在一些浏览器限制，例如Chrome对于背景图片的打印问题，但这种方法提供了一个有效的解决方案。
好吧,我认为你没有得到我在评论中的意思,反正,所以它很简单,比如我有一个元素,比如说
背景设置为番茄,所以为了使这项工作,首先你必须确保你有媒体打印设置,如
@media print {
/* Declarations go here */
}
要么
现在,你需要宣布的是
-webkit-print-color-adjust：exact;在物业区,像
@media print, screen { /* Using for the screen as well */
.blow {
height: 100px;
width: 100px;
background: tomato;
-webkit-print-color-adjust: exact;
}
}
Demo(仅适用于webkit浏览器,即Chrome / Safari)
在上面的演示中,您甚至可以在Chrome的打印预览窗口中看到红色块.
正如你评论的那样,它对我有用..
要么
支持相同的是脏的,有关该属性的更多信息,您可以参考MDN
From MDN :
Body element backgrounds are not printed
Currently neither
Chrome nor Safari print backgrounds of the body element. If this
property is set to exact for the body element, it will apply only to
its descendants.
Chrome clipped ima
最低0.47元/天 解锁文章
1269
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
