如何用圖片背景打印div？

-5

可能重複：
How to get a background image to print using css?如何用圖片背景打印div？

我有了一個圖片背景股利

<html> 
<head>  
</head> 
<body> 
<div style='background:url(name.png);width:100px; height:100px;'></div> 
<input type='button' onclick='window.print()'>//button that print 

</body> 

</html>

時，我認爲它，它工作正常browsers..but瞬間我用div打印頁面，它不打印背景圖片...但打印在

中聲明的文本和圖像

我該如何解決這個問題？

來源

2012-02-22 Nj Lac

你應該添加'print' css：http://stackoverflow.com/questions/596876/how-can-i-print-background-images-in-ff-or-ie – MarcinJuraszek 2012-02-22 07:14:34

你也應該這樣做首先，請您[自己的研究]（http://stackoverflow.com/search?q=print+background+image）。 – Quentin 2012-02-22 07:15:08

您可以設置樣式表的媒體=打印比你可以嘗試

@media print { 
    div {font-size: 10pt; line-height: 120%; background: white;} 
}

來源

2012-02-22 07:19:20

瀏覽器在默認情況下不打印背景圖片。通常情況下，圖片會妨礙閱讀文本。

所以，我們假設你有一個很好的理由。你的設計非常棒，需要打印或者其他東西。也許你正在創建電子票據存根，並且文本覆蓋了模板圖像。讓我們一起去。

要打敗背景圖片不打印的默認動作，我根本沒有將圖片作爲背景。我會讓它成爲一個常規的html元素，並使用CSS和/或JavaScript來在您的文本下對圖像進行分層。看看位置和z-index CSS屬性。

您的舊問題已消失，祝您好運，可能會造成這些新問題。

來源

2012-02-22 07:27:53 BradChesney79

如何用圖片背景打印div？

回答

相關問題