当前位置:主页 >> DIV+CSS >> 正文
用 CSS 做个图片水印效果
阅读:960 输入:2014-11-04 07:53:55

看到一个用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;
}

此法只是一个思路吧。特别是在做一些图片重叠效果时候。

不过我们有时做水印是为了防止盗链,如果对方手工来挖图片,这种处理方法还是不行的。