jquery添加水印

要使用jQuery添加水印，可以通过创建一个水印层并将其覆盖在页面元素上。以下是一个简单的例子，展示了如何使用jQuery为一个<div>元素添加背景水印。

HTML:

<div id="watermarked-div">这是一个带有水印的DIV。</div>

CSS:

#watermarked-div {
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
 
.watermark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('path_to_watermark_image.png') no-repeat;
  opacity: 0.5; /* 调整水印透明度 */
}

jQuery:

$(document).ready(function() {
  $('#watermarked-div')
    .append('<div class="watermark"></div>'); // 添加水印层
});

确保将path_to_watermark_image.png替换为实际的水印图片路径。这段代码会在页面加载完成后，为ID为watermarked-div的元素添加一个水印层。水印图片可以是任何透明的图像，以实现水印效果。