我有表的一個圖像的背景,下面的語法如何在打印機上打印背景圖像水印
風格=「背景圖片(URL)」
的問題是,當我將它打印在打印機它沒有打印。
可以請你告訴我如何得到這個
圖像背景也把它印在紙上的水印。
我需要任何代碼都不要求每個用戶改變瀏覽設置。
謝謝
我有表的一個圖像的背景,下面的語法如何在打印機上打印背景圖像水印
風格=「背景圖片(URL)」
的問題是,當我將它打印在打印機它沒有打印。
可以請你告訴我如何得到這個
圖像背景也把它印在紙上的水印。
我需要任何代碼都不要求每個用戶改變瀏覽設置。
謝謝
這可以從瀏覽器內進行配置。當您打開打印選項時,有一個選項會詢問您是否打印背景圖像。 :)
大多數瀏覽器都可以選擇打印背景。在FF 3.6.3中,在文件 - >頁面設置 - >打印背景下(顏色和圖像)
正如您可能從答案中已經注意到的那樣,瀏覽器在默認情況下不打印背景圖像。而且,沒有辦法強制所有訪問者的瀏覽器打印水印。
強制打印水印的一種可能方法是創建一個div,該div位於包含水印的IMG標籤的多次重複內容下。這太可怕了。
用戶可能不想在背景上浪費墨水。
我會建議使用絕對定位的div與Z指數爲0作爲壁紙,絕對定位的內容div與Z指數爲1的內容。
爲了緩解墨水問題,您可以使用css @media print指令將背景的不透明度更改爲介於5%和10%之間的某個位置,使其更具水印性。
這裏有一個小提琴:http://jsfiddle.net/Xfxg3/
CSS:
@media print {
#background{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
}
#background{
position:absolute;
z-index:0;
background:#255;
display:block;
min-height:100%;
min-width:100%;
}
#content{
position:absolute;
z-index:1;
}
HTML:
<div id="content">
There is some content in here
</div>
我注意到另一個答案被標記爲正確的,但它沒有回答這個問題。這是我的鏡頭。 – evandentremont 2012-07-24 23:03:57
的OP特別聲明:「我不需要任何代碼不要求每個用戶改變瀏覽器設置」。 – Jemenake 2013-08-26 14:02:56