html代码怎么加水印
导读：在网页制作中，为了保护自己的作品版权，我们可能需要在网页上加上水印，让别人不敢盗用。那么，如何在html代码中加上水印呢？首先，我们可以在网页中添加一个div标签，给它添加id属性，方便我们在css中调用。<div id="water...
在网页制作中，为了保护自己的作品版权，我们可能需要在网页上加上水印，让别人不敢盗用。那么，如何在html代码中加上水印呢？首先，我们可以在网页中添加一个div标签，给它添加id属性，方便我们在css中调用。
div id="watermark">
// 此处放置网页内容/div>
接着，在css中添加代码，为这个div标签添加背景图片。选择透明度适中的图片作为水印，并让图片在div中重复显示。
#watermark {
background-image: url('watermark.png');
background-repeat: repeat;
opacity: 0.5;
}
此时，我们已经成功在网页中加上了水印。但是，如果有人想要复制网页内容，通过选择全部文本并粘贴，又会将水印一并复制。为了让水印不会随着文本复制而外泄，我们可以使用JavaScript，让用户不能通过复制文本的方式获取内容。
// 禁止复制、右键、粘贴document.oncontextmenu = function() {
return false;
}
document.onselectstart = function() {
return false;
}
document.oncopy = function() {
return false;
}
document.oncut = function() {
return false;
}
以上就是如何在html代码中加上水印的方法了。通过添加div标签和背景图片，再通过JavaScript禁止复制和右键等操作，我们就可以更好地保护自己的作品了。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html代码怎么加水印
本文地址： https://pptw.com/jishu/542498.html