試圖打印時，網站上的CSS消失

我有一個網站，我花了大量的時間編程，www.omdyac.org，我最近試圖打印它的主頁，我期望它只是打印出現在屏幕，但是當它打印時，我發現這一點。 Homepage Lower down （這些是來自頁面的兩個單獨圖像。）爲什麼當我嘗試打印此網站時，所有CSS格式化都消失了？試圖打印時，網站上的CSS消失

我把它看起來像這樣從屏幕中更改媒體類型的所有

How it looks http://i46.tinypic.com/v4o6k3.png

但是這是應該怎麼看，爲什麼不灰色顯示出來？

How it should look http://i49.tinypic.com/dvha1y.png

來源

2012-09-13 DontTurnAround

你link標籤有media="screen"集。這意味着CSS僅適用於屏幕，而不是頁面打印時。要使CSS也適用於打印，請設置media="all"或只是省略media屬性。您還可以爲打印只樣式設置media="print"。希望這可以幫助！
編輯：爲了節省墨水，瀏覽器不打印背景。我會建議你創建一個打印樣式表。爲了打印，可以隱藏頁面的許多元素，例如搜索框和導航。

來源

2012-09-13 22:33:23 Abraham

謝謝！對不起，這似乎很基本。我只編寫HTML和PHP代碼，我從來不用CSS來打擾 – DontTurnAround

這種工作方式，但是現在我打印時看起來不像[this]（http://i49.tinypic.com/dvha1y.png），它看起來像[this]（http://i46.tinypic.com/v4o6k3.png），爲什麼不顯示灰色？ – DontTurnAround

這是因爲你應該讀多一點關於CSS，特別是關於CSS媒體類型（包括打印） http://www.w3schools.com/css/css_mediatypes.asp

來源

2012-09-13 22:30:18

試圖打印時，網站上的CSS消失

回答

相關問題