用CSS给图片添加水印效果

LMS
折腾
3.8K+ 6

给图片加上水印效果，看上去似乎让人觉得更专业，更那个什么什么，不过也很那个什么什么，不过用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;
}
THE END

评论 6

  1. 星网
    🏅

    要是真的就好了！

  2. 单点日志
    🏅

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

  3. 闯荡博客
    🏅

    闯荡博客,换下链接么?

  4. 大地软件工作室
    🏅

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

  5. 林木木
    🏆🏆

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

    1. 木木一语击中要害，咱就骗骗不懂的人吧，好歹也算有个水印了～

发表评论

Submit