没有打印背景图片的div

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

2013-04-24 Don Trainer

也许这个问题可以帮助你： [http://stackoverflow.com/questions/11086260/hide-show-divs-when-printing-to-printer][1] [ 1]：http://stackoverflow.com/questions/11086260/hide-show-divs-when-printing-to-printer – abe 2013-04-24 22:34:23

您可以添加打印样式表印刷目的去除图像...

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

打印样式表中，你只需要使用普通CSS，打印时，例如将只适用...

.myStyle { 
    background-image:none; 
}

来源

2013-04-24 22:29:25 Fenton

这一个伎俩。谢谢史蒂夫！ – 2013-04-25 13:19:06

您可以使用媒体查询

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

或装入打印特定风格工作表覆盖背景。

来源

2013-04-24 22:30:02 AndrewHipp

我觉得媒体查询将有助于您

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

来源

2013-04-24 22:30:22 Sachin

如果您需要针对IE 8或更早的版本，有利于打印样式表的做法，因为这些浏览器不支持媒体查询。

来源

2013-04-24 23:58:57 dacmo

欢迎来到SO！在回答问题时，提供代码段/样本以及可以挖掘的任何相关链接都是一个不错的主意，这有助于使您的答案更加健壮。 – Brian 2013-04-25 00:16:18

没有打印背景图片的div

回答

相关问题