用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

不同浏览器中的透明度的问题

2013-06-27 作者: 云代码会员举报

[css]代码库

如果想让一个元素实现透明状态,可以给此元素加上opacity属性;但是并不是所有的浏览器都支持这个属性:
•opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.
•filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.
•-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
•-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
 有的时候,为了做到一些鼠标经过,弹出一个透明层(T)的效果,如果给T的父级设置了overflow:hidden属性;鼠标经过的时候,则弹出不了T或者T显示不完全;解决方法:给T的父级去掉overflow:hidden;如果只给T的父级设置了宽度或高度,鼠标经过的时候,在ie7和ie6下面则显示不了T这个透明层;解决方法就是给T加宽度或者是高度。


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...