表格行背景打印时未显示的颜色

时间:2015-11-30 06:56:41

标签: html html-table

我在桌子上遇到问题背景颜色。

<tr style="background-color:#999999">
        <td width="204"> <strong>Opinion</strong></td>
        <td width="62"> <strong>Action</strong></td>
        <td colspan="4"><strong>Ratings</strong></td>
        <td width="54"><strong>Outlook</strong></td>
        <td width="93"><strong>Rating Type</strong></td>
    </tr>

此代码正常运行

这是输出

enter image description here

问题

当我想要打印此页面时。该行的background-color未显示。

enter image description here

有人可以帮助我吗?

3 个答案:

答案 0 :(得分:6)

将此添加到tr style

 <style>
  .row{
   background-color:#999999;
   -webkit-print-color-adjust: exact; 
   }
 </style>

<tr class="row">
    <td width="204"> <strong>Opinion</strong></td>
    <td width="62"> <strong>Action</strong></td>
    <td colspan="4"><strong>Ratings</strong></td>
    <td width="54"><strong>Outlook</strong></td>
    <td width="93"><strong>Rating Type</strong></td>
</tr>

答案 1 :(得分:0)

尝试使用

<table> <thead> <tr> <th></th> </tr> </thead> <tbody> <tr> <td></td> </tr> </tbody> <table>

表的结构......

并使用以下类型css ..

@media print {
tr.vendorListHeading {
    background-color: #999999!important;
    -webkit-print-color-adjust: exact; 
}}

@media print {
    .vendorListHeading th {
    color: white !important;
}}

希望这会有所帮助......

答案 2 :(得分:0)

您还可以在打印对话框中推送更多设置,然后选中“背景图形”