如何在打印机上打印背景图像水印

Question

我有表的一个图像的背景，下面的语法

风格=“背景图片（URL）”

的问题是，当我将它打印在打印机它没有打印。

可以请你告诉我如何得到这个

图像背景也把它印在纸上的水印。

我需要任何代码都不要求每个用户改变浏览设置。

谢谢

Answer 1

这可以从浏览器内进行配置。当您打开打印选项时，有一个选项会询问您是否打印背景图像。 :)

Answer 2

大多数浏览器都可以选择打印背景。在FF 3.6.3中，在文件 - >页面设置 - >打印背景下（颜色和图像）

Answer 3

正如您可能从答案中已经注意到的那样，浏览器在默认情况下不打印背景图像。而且，没有办法强制所有访问者的浏览器打印水印。

强制打印水印的一种可能方法是创建一个div，该div位于包含水印的IMG标签的多次重复内容下。这太可怕了。

Answer 4

用户可能不想在背景上浪费墨水。

我会建议使用绝对定位的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>