使用 CSS 媒体查询时不打印背景答案

【问题标题】：Background not printed when using CSS media query使用 CSS 媒体查询时不打印背景
【发布时间】：2013-03-23 16:30:44
【问题描述】：

我想使用 JavaScript 打印支持 CSS 的网页，这是我的简单脚本：

print.css：

@media print {
 body { background-color:red;}
 }

网页.html：

<HTML>
<head>
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<BODY>
          Hello World!
</BODY>
</HTML>

那我试一下，为什么结果（我网页的背景）还是给我白？我使用 PDF 创建器打印了它。

谁能帮帮我？

【问题讨论】：

【解决方案1】：

如果用户在其打印设置中关闭了“打印背景颜色和图像”，则任何 CSS 都不会覆盖它，因此请始终考虑这一点。这是默认设置。

一旦设置为打印背景颜色和图像，您所拥有的就会起作用。

它出现在不同的地方。

在 IE9 中，它位于“打印”->“纸张选项”下的“页面选项”中

在 FireFox 中，它位于页面设置 -> 选项下的 [格式和选项] 选项卡中。

【讨论】：