CSS @media print的背景色问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (121)

我在这家公司是新来的,我们有一个使用大量CSS的产品。我试图为我们的应用程序制作一个可打印的样式表,但我在@media print中遇到了背景色问题。

@media print {
#header{display:none;}
#adwrapper{display:none;}
td {border-bottom: solid; border-right: solid; background-color: #c0c0c0;}}

其他的部分都可以运行,我可以修改边框之类的,但是背景色不会出现在印刷品上。现在我明白了,如果没有更多的细节,你们可能无法回答我的问题,我只是好奇以前是否有人有过这个问题,或者类似的问题。

提问于
用户回答回答于

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

一旦这样设置,它会打印背景颜色和图像,这样才会有效果。

它被发现在不同的地方。在IE9beta中,它在“纸张选项”下的“打印 - >页面选项”中找到;

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

用户回答回答于

要在Chrome中启用背景打印:

body {
  -webkit-print-color-adjust: exact;
}

扫码关注云+社区