用CSS给图片添加水印效果

LMS
3.7K+ 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