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

Question

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

table tbody tr.odd {
    background-color: #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;
}