打印css样式未显示

Question

我为media = print创建了一个样式：

#content .inner h2 {
background:Red;
border-bottom:solid 1px #dfdfdf;
color:#000000;
font-size:20px;
padding-left:10px;
}

但是打印预览时不显示红色。如果我设置media =屏幕并使用此样式表。然后显示红色。有什么暗示吗？

Answer 1

取决于您使用的浏览器，但我怀疑MSIE？

默认情况下，许多浏览器在进入打印模式时会选择不渲染页面的背景颜色（打印首选项对话框中通常有一个设置/选项可以更改）。

需要考虑的另一件事 - 当你引用样式表时，你可以：

• 未正确指定媒体类型，因此未加载
• 浏览器有错误的行为，并且不会加载样式
• 您的打印样式被其他样式覆盖

有许多免费提供的工具可以帮助您识别应用于页面上任何给定元素的样式。如果您使用FireFox，请查看Web Developer extension（也可用于Google Chrome on the authors site）。如果您使用MSIE或其他浏览器，您可能会得到一个名为Aardvark的书籍标记脚本（没有链接，因为上次我检查主站点被列为有恶意软件 - 请小心浏览）。

Answer 2

大多数浏览器只是忽略打印样式表中的background及其相关属性。其中一些可能有一些允许打印背景的配置选项，但它是用户选择，大多数时候它们默认不打印。

简而言之：您不能依赖打印样式表中的背景样式。