在div的背景图像上没有打印

Question

我有一张带背景图片的DIV。我希望图像显示在屏幕上（已经有效）但我不希望在打印页面时打印该图像。 CSS中有没有办法实现这个目标？

Answer 1

您可以添加打印样式表，删除图像以进行打印......

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

在打印样式表中，您只需使用普通的CSS，它仅在打印时应用，例如......

.myStyle {
    background-image:none;
}

Answer 2

您可以使用媒体查询

@media print {
   #yourDiv { background-image:none; }
}

或者在您覆盖背景的地方加载打印特定样式表。

Answer 3

我认为媒体查询会对你有所帮助

@media print
  {
     div.test {background:none;}
  }

Answer 4

如果您需要定位IE 8或更早版本，请使用打印样式表方法，因为这些浏览器不支持媒体查询。