好吧,我认为你没有得到我在评论中的意思,反正,所以它很简单,比如我有一个元素,比如说
背景设置为番茄,所以为了使这项工作,首先你必须确保你有媒体打印设置,如
@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