沒有打印背景圖片的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

回答

相關問題