2010-05-25 199 views
2

我有表的一個圖像的背景,下面的語法如何在打印機上打印背景圖像水印

風格=「背景圖片(URL)」

的問題是,當我將它打印在打印機它沒有打印。

可以請你告訴我如何得到這個

圖像背景也把它印在紙上的水印。

我需要任何代碼都不要求每個用戶改變瀏覽設置。

謝謝

回答

2

這可以從瀏覽器內進行配置。當您打開打印選項時,有一個選項會詢問您是否打印背景圖像。 :)

+0

的OP特別聲明:「我不需要任何代碼不要求每個用戶改變瀏覽器設置」。 – Jemenake 2013-08-26 14:02:56

0

大多數瀏覽器都可以選擇打印背景。在FF 3.6.3中,在文件 - >頁面設置 - >打印背景下(顏色和圖像)

1

正如您可能從答案中已經注意到的那樣,瀏覽器在默認情況下不打印背景圖像。而且,沒有辦法強制所有訪問者的瀏覽器打印水印。

強制打印水印的一種可能方法是創建一個div,該div位於包含水印的IMG標籤的多次重複內容下。這太可怕了。

0

用戶可能不想在背景上浪費墨水。

我會建議使用絕對定位的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> 
+0

我注意到另一個答案被標記爲正確的,但它沒有回答這個問題。這是我的鏡頭。 – evandentremont 2012-07-24 23:03:57