不亦乐乎 » 网页网络 » 用CSS给图片添加水印效果

用CSS给图片添加水印效果

2009年11月03日 1,857人路过 参与围观6人围观

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

代码如下：

1
2
3

<div class="watermark">
<img class="logo" src="http://picture.jpg" />
</div>

CSS 部分：

1
2
3
4
5
6
7

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

无觅相关文章插件，快速提升流量

分类：网页网络, 标签：, ,
你可以通过 RSS 2.0 订阅关注本日志评论, 也可以直接 参与围观, 或 trackback 到你的博客上.
本日志地址: http://www.happyet.org/280.html, 转载请注明出处!
«
»

“用CSS给图片添加水印效果”上有 6 条评论

  1. 林木木 说道：
    2009年11月3日 12:37

    这个CSS水印有点伪水印，防不住盗链或者盗图的。

    回复
  2. 大地软件工作室 说道：
    2009年11月5日 10:28

    来回访了,大家以后多多交流

    回复
  3. 闯荡博客 说道：
    2009年11月7日 12:10

    闯荡博客,换下链接么?

    回复
  4. 单点日志 说道：
    2009年11月11日 11:50

    这个不实用阿,不存在意义,页面装载还多

    回复
  5. 星网 说道：
    2009年11月16日 03:46

    要是真的就好了！

    回复

留下足迹