IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法

首页 论坛 前端 IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法

  • 该话题包含 0个回复,1 人参与,最后由ray1980 更新于 3年前
正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 作者
    帖子
  • #75
    ray1980
    管理员
    <div id="out">
      <div id="in">不透明<div>
      <div id="alpha">半透明<div>
    <div>
    <style type="text/css">
    #out{
    padding:20px 0;
    height:100px;
    width:200px;
    position:relative;
    }
    #in{
    background:#fff;
    margin:0 10px;
    }
    #alpha{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/
    filter:alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/
    opacity: .3; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
    z-index: -1; /*让其位于in的下面*/
    background:#fff;
    }
    </style>
    
正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 哎呀,回复话题必需登录。