打印预览中不显示背景色

我正在打印一页。在那一页中,我给了一张表一个背景色。
当我在chrome中查看打印预览时,它不具有背景色属性

所以我尝试了这个属性:

-webkit打印颜色调整:精确;

但它仍然没有显示颜色

http://jsfiddle.net/TbrtD/

.vendorListHeading{
背景色:#1a4567;
颜色:白色;
-webkit打印颜色调整:精确;
}
<div class=“bs docs example”id=“soTable”style=“padding top:10px;”;
<table class=“table”style=“页边距底部:0px;”;
<thead>
<tr class=“vendorListHeading”style=”“>
<th>日期&lt/th>
<th>采购订单编号&lt/th>
<th>术语&lt/th>
<th>税务&lt/th>
<th>报价编号&lt/th>
<th>地位&lt/th>
<th>客户经理&lt/th>
<th>运输方式&lt/th>
<th>航运账户&lt/th>
<th style=“宽度:184px;”大于;质量保证&lt/th>
<th id=“referenceSO”>参考&lt/th>
<th id=“referenceSO”style=“width:146px;”的;最终用户名称&lt/th>
<th id=“referenceSO”style=“width:118px;”和;最终用户的采购订单&lt/th>
<th id=“referenceSO”style=“width:148px;”和;追踪号码&lt/th>
&lt/tr>
&lt/thead>
<t车身>
<tr class=”“>
<td>22&lt/td>
<td>20130000&lt/td>
<td>吉姆·B.&lt/td>
<td>22&lt/td>
<td>510 xxx yyyy&lt/td>
<td>[email protected]&lt/td>
<td>PDF&lt/td>
<td>2012年12月23日&lt/td>
<td>批准&lt/td>
<td>PDF&lt/td>
<td id=“referenceSO”>2012年12月23日&lt/td>
<td id=“referenceSO”>批准&lt/td>
&lt/tr>
&lt/t车身>
&lt/表>
&lt/部门>

Chrome CSS属性-webkit打印颜色调整:精确工作正常

但是,确保打印时使用正确的CSS通常是很棘手的。可以做几件事来避免你遇到的困难。首先,将所有打印CSS与屏幕CSS分开。这是通过@媒体打印@媒体屏幕完成的

通常情况下,仅仅设置一些额外的@媒体打印CSS是不够的,因为打印时还包括所有其他CSS。在这些情况下,您只需要了解CSS的特殊性,因为打印规则不会自动战胜非打印CSS规则

在您的情况下,-webkit print color adjust:exact正在工作。然而,您的背景色和颜色定义正被其他具有更高特异性的CSS击败

虽然我不使用背书!重要信息在几乎任何情况下,以下定义都能正常工作并暴露问题:

@媒体打印{
售货员{
背景色:#1a4567!重要;
-webkit打印颜色调整:精确;
}
}
@媒体印刷品{
.卖方{
颜色:白色!重要;
}
}

这是小提琴(为了便于打印预览而嵌入)

发表评论