0

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

所以，我的问题是，我设置了th属性表背景颜色，这个背景在打印之前显示在页面上，但是当打印它时，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打印此页面时如何显示背景。

4

1 回答 1

2

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

价值观：

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

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

希望这可以帮助

于 2013-04-27T19:38:44.073 回答