css透明

css透明有两种，分别是

　　火狐/谷歌　　opacity:0.3

　　ie　　　　　  filter:alpha(opacity=30)

 

使用css透明的时候有时候需要背景透明，而文字不透名，这时候，就不能在文字的父级去定义透明，定义了，文字也会透明的，所以需要单独添加一个透明层

例子：

1 <div class="wrap">
2     <div class="bg"></div>
3     <span>我要不透明的文字</span>
4 </div>

css

.wrap{
    position:relative;
}

.bg{
    position:absolute;
    width:100px;
    height:100px;
    background:#0ff;
    filter:alpha(opacity=30);    /*ie*/
    opacity:0.3;                       /*火狐/谷歌*/     
}

.wrap span{
    position:relative;
}

这样就可以达到背景透明而文字不透明了^…^

posted on 2016-05-26 18:11  蜗牛nice  阅读(1954)  评论(0)  编辑  收藏  举报

导航