1

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

4

4 回答 4

2

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

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

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

.myStyle {
    background-image:none;
}
于 2013-04-24T22:29:25.790 回答
1

您可以使用媒体查询

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

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

于 2013-04-24T22:30:02.290 回答
1

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

@media print
  {
     div.test {background:none;}
  }
于 2013-04-24T22:30:22.957 回答
0

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

于 2013-04-24T23:58:57.213 回答