打印时候背景色依然显示实例页面

回到相关文章 »

效果:

Ctrl + P打印本页面,对比两个表格效果:

color-adjust:economy(默认)

将夜 猫腻
星辰变 我吃西红柿
斗破苍穹 天蚕土豆

color-adjust:exact

将夜 猫腻
星辰变 我吃西红柿
斗破苍穹 天蚕土豆

代码:

CSS代码:
tr:nth-child(odd) {
    background-color: #eee;
}
.exact {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
HTML代码:
<h4>color-adjust:economy(默认)</h4>
<table>
  <tr>...</tr>
  <tr>...</tr>
  <tr>...</tr>
</table>
<h4>color-adjust:exact</h4>
<table class="exact">
  <tr>...</tr>
  <tr>...</tr>
  <tr>...</tr>
</table>