我在桌子上遇到问题背景颜色。
<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>
此代码正常运行
这是输出
问题
当我想要打印此页面时。该行的background-color
未显示。
有人可以帮助我吗?
答案 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)
您还可以在打印对话框中推送更多设置,然后选中“背景图形”