首页 > 代码库 > html JS打印添加水印图片

html JS打印添加水印图片

 

 

 

最后,听取了别人的意见,换了个思路。将水印图和需要打印的内容放在一个div里面,给打印的div设置较高的层级,这样水印自然就在最下面了。下面贴上部分代码:html:<div class="big-div">    <div class="bg-div">       <img src="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

html JS打印添加水印图片