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; 
   }