用CSS给图片添加水印效果

给图片加上水印效果,看上去似乎让人觉得更专业,更那个什么什么,不过也很那个什么什么,不过用css来实现这个效果,那就更那个什么什么了,而且居然这个代码神奇的连ie6都支持,所以一定要转,原文章来自万戈的life studio,效果图见这里:http://www.life-studio.cn/watermark-with-css.html。

代码如下:

<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;
}

作者: LMS

天行贱,君子自强自息。

标签

《用CSS给图片添加水印效果》有6个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注