html JS列印添加浮水印圖片

標籤：turn   src   div   圖片   參考   osi   需要   ima   瀏覽器   

 

 

 

最後，聽取了別人的意見，換了個思路。將浮水印圖和需要列印的內容放在一個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列印添加浮水印圖片