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

【问题标题】：No Print on background image of a div没有在 div 的背景图像上打印
【发布时间】：2013-04-24 22:26:10
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

.myStyle {
    background-image:none;
}

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

您可以使用媒体查询

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

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

【讨论】：

【解决方案4】：

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

【讨论】：