html - 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 - HTML/CSS-为什么背景颜色在打印时变成白色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7090451/