Question

我有从我的网站打印报告的页面，我设置了显示网格结果的表格。

所以，我的问题是，我设置为th attrbute表背景颜色，此背景在打印之前显示在页面上，但是当打印它时，th背景不显示。

这里我的css代码： -

@media print {
.head th {
    background: #CCCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC));
    background: -moz-linear-gradient(top,  #CCCCCC,  #CCCCCC);
    border: 1px solid #000000;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
    padding:10px;
    }
    }
.wrap{
     width: auto; 
     background:#fff;
     word-wrap: break-word;
     margin:30px;
}
th {
    background: #CCCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC));
    background: -moz-linear-gradient(top,  #CCCCCC,  #CCCCCC);
    border: 1px solid #000000;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
    padding:10px;
}

当我打印此页面时，如何显示th背景。

Answer 1

尝试查看-webkit-print-color-adjust:exact;以启用浏览器打印彩色背景...

valuses：

<强>经济正常行为。仅当用户在浏览器的打印设置对话框中明确允许时，才会打印背景颜色和图像。

<强>确切始终打印应用此规则的元素的背景颜色和图像，覆盖用户的打印设置。

希望这会有所帮助

打印页面时显示背景颜色

1 个答案: