您当前的位置: 首页 > 前端教程 > CSS教程 > 样式表(CSS)实现半透明效果,在FF和IE下都有效的方法

样式表(CSS)实现半透明效果,在FF和IE下都有效的方法

作者:不详 来源:网络 发布时间: 2010-07-16 17:27 点击:
大家可能都知道,滤镜大部分只有在IE下有效果...当然透明效果滤镜也是如此...本文为大家介绍一种写法.可以同时在IE与FF下有效果 CSS代码如下: .test{ background:#000; color:white; width:200px; position:absolute; left:10px; top:10px; filter:Alpha(opacity=10); -

样式表(CSS)实现半透明效果,在FF和IE下都有效的方法

  大家可能都知道,滤镜大部分只有在IE下有效果...当然透明效果滤镜也是如此...本文为大家介绍一种写法.可以同时在IE与FF下有效果
  CSS代码如下:
  .test{
  background:#000;
  color:white;
  width:200px;
  position:absolute;
  left:10px;
  top:10px;
  filter:Alpha(opacity=10);
  -moz-opacity:.1;
  opacity:0.1;
  }
  这里关键的是
  CSS代码
  filter:Alpha(opacity=10);
  -moz-opacity:.1;
  opacity:0.1;
  这三句,第一句是ie支持.第二三句是firefox支持的,但是版本不一样就有两种了,所以用时候把三句都加上就行了

分享到:
本文"样式表(CSS)实现半透明效果,在FF和IE下都有效的方法"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(1)
100%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4