html去图片水印代码

HTML 去除图片水印的代码 在网页设计中，有时候我们需要使用一些水印图片来保护我们的作品，但是有些网站为了盗用网站资源，会将这些水印图片盗取，并将其放在自己的网站上。这对于网站作者来说是非常不友好的，因为他们的劳动成果会被随意使用而没有任何收益。为了解决这个问题，我们可以使用 HTML 代码来去除图片水印。 首先，我们需要在网页的 head 标签中添加以下代码：

<style>
.no-watermark {
    background: url(https://www.example.com/no-watermark.png) no-repeat !important;
    background-size: contain !important;
}
</style>

这个代码中的 no-watermark.png 是我们自己的图片，它会替换原网页上的水印图片。注意这个图片的大小和位置应该和原来的水印图片一样，否则可能会出现显示异常的情况。 接下来我们需要在每个需要去除水印的图片上添加一个 class 属性，用来指向我们刚才添加的 CSS 样式。例如：

<img src="https://www.example.com/image-with-watermark.png" class="no-watermark" alt="A beautiful image">

这个 img 标签中的 class 属性就会指定该图片需要采用刚才添加的 CSS 样式，从而去掉图片上的水印。 总结 使用 HTML 代码去除图片水印可以有效保护自己的作品不被不法分子随意使用。需要注意的是，去除水印的图片大小和位置应该和原来的水印图片一样，避免显示异常。