javascript - 使用 CSS 媒体查询时不打印背景

Question

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

打印.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 创建器打印它。

谁能帮我？

score 1 · Accepted Answer

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

一旦设置好它就会打印背景颜色和图像，你在那里的东西就会起作用。

它存在于不同的地方。

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

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

1 回答 1