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

时间:2013-03-23 07:29:20

标签: 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>
          Hello World!
</BODY>
</HTML>

然后我尝试一下,为什么结果(我的网页背景)仍然给我白色?我用PDF创建者打印它。

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

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

一旦设置了它就会打印出背景颜色和图像,你所拥有的就会有效。

它存在于不同的地方。

在IE9中,可以在Paper选项

下的Print-&gt; Page Options中找到它

在FireFox中,它位于页面设置中 - &gt; [格式&amp;选项]选项卡下的选项卡。