CSS @media 打印背景颜色问题；

Question

我是这家公司的新手，我们有一个使用数英里 CSS 的产品。我正在尝试为我们的应用程序制作可打印的样式表，但我在 background-color 中遇到了 @media print 的问题。

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

其他一切正常，我可以修改边框等，但 background-color 不会在打印中出现。现在我明白了，如果没有更多细节，你们可能无法回答我的问题。我只是好奇之前是否有人遇到过这个问题或类似的问题。

原文由 Weston Watson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

它存在于不同的地方。在 IE9beta 中，它位于 Paper options 下的 Print->Page Options

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

原文由 Ryan Ternier 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

要在 Chrome 中启用后台打印：

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

编辑：对于 Chrome、Safari 和 Firefox：

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

原文由 drolex 发布，翻译遵循 CC BY-SA 4.0 许可协议