表格不会使用背景或类型颜色打印

Question

我在浏览器的打印对话框中选中了“打印背景颜色和图像”。我在所有三个主要浏览器中都试过这个。我可以转到任何页面，它会显示文本和单元格颜色，但我自己的网站在打印时拒绝显示颜色。这是一个使用 bootstrap 2.3.2 和 bootswatch 获取颜色的 Rails 应用程序。我的页面有一个带有标题的“可打印”版本：

 <%= stylesheet_link_tag    'application', media: 'all' %>
 <%= javascript_include_tag 'application' %>

我尝试将“all”替换为“screen”（页面加载时看起来仍然正确，但无法正确打印）。

这是我的页面：

这是打印对话：

这是“另存为PDF”生成的PDF：

这是我打印时在同一浏览器中来自 Stack Overflow 的页面的对话框：

这里是“另存为PDF”生成的pdf

我使用的是 OS X 10.10，并且在每个浏览器中都获得了完全相同的结果。我尝试将样式表链接中的“全部”设置为“打印”，但它没有样式表可供参考，因此在进入打印对话框之前它会删除所有样式。如果您注意到它在打印的 PDF 中使用我的表格的 css 样式。但它会去除任何颜色信息。我真的被这个难住了，搜索了很多，但只找到告诉你检查“打印背景”复选框的页面，我已经完成了。为什么颜色甚至没有进入打印对话框？

Answer 1

看起来 Bootstrap 包含使背景透明的代码。尝试将 !important 添加到您的背景颜色声明中，看看是否对您有帮助。

编辑：

例如，如果你声明它的背景：

th{background:#HEX}

然后切换到：

th{background:#HEX !important}

将 th 替换为您应用样式的任何元素，并将 #HEX 替换为您的颜色。

还要注意，你需要在 Bootstrap 声明之后声明它。