CSS/HTML/Javascript技巧用于打印没有图像的网页

Question

我试图在网页上放置打印按钮，以打印除图像以外的页面内容。有任何想法吗？

Answer 1

您可以使用CSS来打印时才在您的网站禁用所有图像。

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

    * { 
    background-image: none !important; 
    } 
} 

Answer 2

不需要使用按钮，除非您想让人们可以选择打印图像或不显示图像。

如果您只是希望人们在没有图像的情况下进行打印（大部分时间都是首选），您可以使用打印样式表。

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

然后加入

img {display: none;}

Answer 3

你可以使用印刷媒体样式表，并像下面的规则..

img { visibility:hidden; } 

...

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

你也可以使用display:none作为图像规则，但这将不会保留间距，并可能完全改变打印页面的布局。

Answer 4

您需要打印样式表。有两个选项为：

1. 参考下面的代码一个单独的样式表： <link rel="stylesheet" type="text/css" href="printstylesheet.css" media="print"/>

   在这种样式表，把下面的：

   img { 
       display: none; 
   } 
   

2. 将在下面的主要样式表：

   @media print { 
       img { 
        display: none; 
   }