I'm facing an issue with adding a watermark style. The watermark displays only on the first page when attempting to print in Chrome. It works perfectly in Firefox and 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>
Is there any solution to ensure the watermark appears on all pages?
Check out this fiddle for reference: http://jsfiddle.net/gskzkb8g/