打印时我的背景颜色甚至元素的字体颜色突然变白。这是一个示例标记:
<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/CSS - 为什么打印时背景颜色变成白色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7090451/