HTML의 워터 마크가 모든 페이지에 인쇄되지 않습니다.

Question

워터 마크에 대한 아래 스타일을 추가하려고합니다. 크롬에서 인쇄하려고하면 워터 마크가 첫 페이지에만 표시됩니다. Firefox 및 IE에서는 잘 작동합니다.

<style type="text/css"> 
#watermark { 
    color: #d0d0d0; 
    font-size: 90pt; 
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    z-index: 100; 
    opacity: 0.5; 
} 
</style> 

<div id="watermark"> 
<p>WaterMark</p> 
</div> 

이 바이올린에서 봐 모든 페이지

에 워터 마크를 인쇄하는 데 사용할 수있는 방법이 있나요 : http://jsfiddle.net/gskzkb8g/

Answer 1

나는 이것이 position:fixed 때문이라고 생각은. 웹에는 기본 페이지 매김이 없습니다. 단 하나의 긴 페이지 일뿐입니다. position fixed은 스크롤 할 때 뷰포트에 남지만 Chrome에서 인쇄 할 때 한 번만 나타납니다.

난 당신이 뭘 하려는지 것은 불가능하다고 생각합니다. 또한이 대답을보십시오 : https://stackoverflow.com/a/5886308/1236396