Question

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

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

问题是当我在打印机上打印时它没有打印。

你能告诉我如何得到这个

图像背景也将其打印在纸上作为水印。

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

由于

Answer 1

可以在浏览器中配置。打开打印选项时，会出现一个选项，询问您是否打印背景图像。：）

Answer 2

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

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

Answer 3

大多数浏览器都有打印背景的选项。在FF 3.6.3中，在File - ＆gt;下;页面设置 - ＆gt;打印背景（颜色和图像）

Answer 4

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

我建议使用绝对定位的div，其中z-index为0作为壁纸，绝对定位内容div，其中z-index为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>

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

4 个答案: