最后,听取了别人的意见,换了个思路。将水印图和需要打印的内容放在一个div里面,
给打印的div设置较高的层级,这样水印自然就在最下面了。下面贴上部分代码:
html:
<div class="big-div">
<div class="bg-div">
<img src="data:images/bg-zkz.png">
<div class="small-div">
</div>
</div>
</div>
css:
.big-div {
position: relative;
z-index: 99;
}
.small-div {
position: absolute;
top: 0;
left: 0;
}
.bg-div {
display: inline-block;
position: relative;
width: 684px;
height: 934px;
}
这样,在各个浏览器中都可打印出水印,当时那个激动的心情呀。
参考地址:http://blog.it985.com/10155.html
如何动态添加打印水印:http://www.cnblogs.com/emily1130/p/3645327.html