Javascript 使用CSS媒体查询时未打印背景_Javascript_Html_Css

Javascript 使用CSS媒体查询时未打印背景

javascript html css

Javascript 使用CSS媒体查询时未打印背景,javascript,html,css,Javascript,Html,Css,我想使用JavaScript打印支持CSS的网页，下面是我的简单脚本： print.css： @media print { body { background-color:red;} } webpage.html： <HTML> <head> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> </head> <BODY>

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

print.css：

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

webpage.html：

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


你好，世界！

然后我试了一下，为什么结果（我的网页背景）还是给我白色？我使用PDF creator打印了它

有人能帮我吗？

如果用户在打印设置中关闭了“打印背景颜色和图像”，则没有CSS会覆盖该设置，因此请始终对此进行说明。这是默认设置

一旦设置好，它将打印背景颜色和图像，你在那里所拥有的将起作用

它在不同的地方被发现

在IE9中，它可以在“打印->页面选项”的“纸张选项”下找到

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

尝试在HTML文件的第1行添加HTML5 doctype:

。因为打印时颜色和图像会被去除，所以很可能需要一页红色。如果您使用的是Chrome，可以帮助您查看结果的一件事是转到“设置”，然后覆盖；您可以选择“模拟css媒体=打印”