html - 在页面上进行打印预览时，div 背景颜色不会出现

Question

我的页面中有一个 div:

<div id="div1>

welcome
</div>

我需要使用 css 为这个 div 设置背景颜色。所以我在我们的页面中使用了 background-color css，它按预期工作但是当我尝试打印它时，它没有显示相应的颜色。

所以，我尝试使用媒体代码。它适用于 chrome 浏览器，但我不知道它是否适用于所有浏览器。

@media print {
        #div1 {
            background-color: #E42314 !important;
            -webkit-print-color-adjust: exact; 

        }
    }
    #div1 {
        background-color: #E42314 !important;
    }

Answer 1

在浏览器的打印设置中有这个选项，您需要在其中翻转“显示背景颜色和图像”。

因为这是浏览器设置，您将无法通过代码进行设置。

例如，如果您使用的是 Chrome，打印选项将如下所示:

对于 IE，它看起来像这样: