主页 M

用 CSS 做个图片水印效果

2014-11-04 网页编程网 网页编程网

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

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

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

阅读原文
阅读 4961
123 显示电脑版