jsp页面添加水印功能（不会影响已有功能）

jsp页面添加水印功能（不会影响已有功能）

<style>
	#watermark div {
		/* color: rgba(255, 0, 0, .1); */
		color: rgba(0, 0, 255, .1);
		position: absolute;
		font-size: 24px;
		white-space: nowrap;
		transform: rotate(-30deg);
		-ms-transform: rotate(-30deg); /* IE 9 */
		-moz-transform: rotate(-30deg); /* Firefox */
		-webkit-transform: rotate(-30deg); /* Safari 和 Chrome */
		-o-transform: rotate(-30deg); /* Opera */
	}
</style>
<div id="watermark"
	 style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: transparent; pointer-events: none; z-index: 99999999;">
</div>
<script>
	(function() {
		var w = screen.width;
		var h = screen.height;
		var r = Math.sqrt(w * w + h * h);
		var i = 0;
		var j = 0;
		var watermark = document.querySelector('#watermark');
		var div;
		var top, left;
		for (var i = 0; i < 10; ++i) {
			for (var j = 0; j < 10; ++j) {
				div = document.createElement('div');
				div.innerText = '测试水印' ;
				top = i * 100 + 'px';
				left = 500 * j - 50 - (i % 2 == 0 ? 250 : 0) + 'px';
				div.style.setProperty('top', top);
				div.style.setProperty('left', left);
				watermark.appendChild(div);
			}
		}
	})();
</script>