打印网页时显示图像

Question

我正在使用媒体打印来控制我的网页打印，我不希望在网页中显示图像，但是当用户想要打印时，我想要显示这些图像。 我写了下面的代码，但它不起作用     
在外部css：

@media print { 
  img {
     display: block; 
  }
}

Answer 1

如果img的内联样式为display:none;，则在@media print没有!important标记的情况下，它不会被覆盖。

您可以删除display:none的内嵌样式或进行打印查询：

@media print { 
  img {
     display: block !important; 
  }
}

此外，这里有一个使用div的背景颜色的示例，显示哪些方式将被覆盖以及哪种方式不会被覆盖。的 JSFiddle