Chinaunix首页 | 论坛 | 博客

lua

  • 博客访问: 622955
  • 博文数量: 91
  • 博客积分: 10035
  • 博客等级: 上将
  • 技术积分: 3490
  • 用 户 组: 普通用户
  • 注册时间: 2006-02-04 17:40
文章分类

全部博文(91)

文章存档

2012年(1)

2011年(2)

2009年(13)

2008年(75)

我的朋友

分类: 系统运维

2008-10-22 22:22:45

CSS opacity - 实现图片半透明效果

[日期:2004-12-23] 来源:Owen's Weblog  作者: [字体: ]

前几天一位做网页设计的朋友问我这个问题:如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。

下图为通过CSS实现的图片透明效果

powerbookg4.jpg

这个效果在IE和Mozilla浏览器上都可以工作,代码如下

powerbookg4.jpg

在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。针对IE的设定:this.filters.alpha.opacity=50 而针对Mozilla的设定:this.style.MozOpacity=0.5. 大家可以直接用这行代码给图片定义,只须修改图片地址就能实现上图效果。

阅读(914) | 评论(0) | 转发(0) |
0

上一篇:负外边距居中

下一篇:最佳顶部声明方式

给主人留下些什么吧!~~