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>

最后

以上就是重要煎饼为你收集整理的jsp页面添加水印功能（不会影响已有功能）的全部内容，希望文章能够帮你解决jsp页面添加水印功能（不会影响已有功能）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。