html - 用于打印的样式表，背景颜色被忽略

Question

我创建了一个表，在其中循环给每个 tr 类“奇数”和“偶数”。在我的样式表中，我得到了这个：

表 tbody tr.odd {
    背景颜色：#cccccc；
}

这在浏览器中有效，但在打印时无效。除了这个背景颜色之外，我的媒体样式表中的其他所有内容都有效。

我启用了打印颜色，我可以打印带有颜色的图像......所以？

Answer 1

默认情况下，大多数浏览器在打印时会忽略 CSS 背景颜色和图像。这只能通过更改浏览器中的设置来覆盖，如果浏览器甚至有这样的选项（有些没有，正如 Quentin 指出的那样）。

Answer 2

您可以通过在打印预览中实现 div 的背景颜色。中的边框颜色divForBgColor:before将是 的背景颜色divForBgColor。

.divForBgColor {
    position: relative;
    overflow: hidden;
}

.divForBgColor:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 9999px solid #f1f2f2;
    z-index: -1;
}