2012-07-25 108 views
0

當我點擊打印選項背景圖片不打印..你可以幫我。
這裏是我的CSS如何打印背景圖片?

.OldNote { 
    background-image: url(/images/icons/arkiv.gif); 
    background-repeat: repeat; 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
} 
+0

可能重複http://stackoverflow.com/questions/596876/如何燦我打印背景圖像,在-FF-或-IE) – JJJ 2012-07-25 09:39:49

回答

3

通常它是由用戶和他們的瀏覽器設置,打印或不打印背景圖片。檢查您的瀏覽器設置。

如果您不想依賴於此,請勿將圖片置於背景中,請將其放在您的網頁上的<img>標籤中。

+0

嗨比約恩·,,我嘗試使用瀏覽器的設置,但沒有luck..if我把標籤在我的網頁我怎麼給CSS到img在後臺重複圖像? – kiran 2012-07-25 10:03:15

+0

前景圖像無法通過CSS被重複,只有背景的圖像即可。 – Bjoern 2012-07-25 10:37:17

+0

反正感謝烏拉圭回合answer..i通過改變媒體=「屏幕」媒體=「所有」解決了這個問題。 – kiran 2012-07-25 14:16:40

0

等。無論您要顯示的圖像,您可以只添加一個圖像標籤這樣的,:

<img src="url" class='printableonly' /> 

然後在CSS,你可以這樣做:

@media screen { 
     .printableonly{ 
      display: none; 
     } 
    } 

    @media print{ 
    .printableonly { 

      display: inline; 

     } 
    } 
0

我只是如果你希望它成爲背景,那麼就沒有辦法讓它像一個共同的背景一樣重複。把它的內容下,你可以使用CSS作爲其添加其他元素的內容之前,給CSS 位置時,兩個要素:絕對風格,再加上* 的z-index:.. *,其中的z-index內容會更大。

也許你可以考慮全尺寸後臺解決方案,它是由非常相似

的[我怎樣才能在FF或IE打印背景圖片?](