用 CSS 做个图片水印效果

发布时间:2019-09-19编辑:脚本学堂
CSS 图片水印效果

看到一个用CSS实现的水印图片效果:

复制代码 代码如下:
<div class="watermark">
    <img class="logo" src="http://picture.jpg" />
</div>

CSS 部分:

复制代码 代码如下:
.watermark {
    background:transparent url(http://watermark.png) no-repeat;
}
img.logo {
    filter:alpha(opacity=75);
    opacity:.75;
}

个人觉得这种效果看起来不错,是一个思路吧。特别是在做一些图片重叠效果时候。
不过我们有时做水印是为了防止盗链,如果对方手工来挖图片,这种处理方法还是不行的。