如何用图片背景打印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？

回答

相关问题