如何在打印机上打印背景图像水印
我有表的一个图像的背景,下面的语法如何在打印机上打印背景图像水印
风格=“背景图片(URL)”
的问题是,当我将它打印在打印机它没有打印。
可以请你告诉我如何得到这个
图像背景也把它印在纸上的水印。
我需要任何代码都不要求每个用户改变浏览设置。
谢谢
这可以从浏览器内进行配置。当您打开打印选项时,有一个选项会询问您是否打印背景图像。 :)
大多数浏览器都可以选择打印背景。在FF 3.6.3中,在文件 - >页面设置 - >打印背景下(颜色和图像)
正如您可能从答案中已经注意到的那样,浏览器在默认情况下不打印背景图像。而且,没有办法强制所有访问者的浏览器打印水印。
强制打印水印的一种可能方法是创建一个div,该div位于包含水印的IMG标签的多次重复内容下。这太可怕了。
用户可能不想在背景上浪费墨水。
我会建议使用绝对定位的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>
我注意到另一个答案被标记为正确的,但它没有回答这个问题。这是我的镜头。 – evandentremont 2012-07-24 23:03:57
的OP特别声明:“我不需要任何代码不要求每个用户改变浏览器设置”。 – Jemenake 2013-08-26 14:02:56