HTML / CSS – 打印时为什么背景颜色变白?

前端之家收集整理的这篇文章主要介绍了HTML / CSS – 打印时为什么背景颜色变白?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
打印时,我的背景颜色甚至是我的元素的字体颜色突然变白.这是一个示例标记
<div id="ActionPanel">
    <input type="button" onclick="javascript:window.print();" value="Print"> 
</div>

<p id="P1">
   Hello World! 
</p>

<p id="P2">
   Hello Web! 
</p>

<p id="P3">
   Hello StackOverflow 
</p>

这是CSS

@media all 
{
   body
   {
       background-color:green;
   }

   #P1
   {
       background-color:#f00;    
   } 
}

@media print 
{
   #ActionPanel
   {
       visibility:hidden;
   } 
}

解决方法

所有背景都会自动从印刷版本中剥离.这是防止墨水浪费的方法.

但是,您可以在浏览器中启用它. (具体方法取决于每个浏览器).

猜你在找的HTML相关文章