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;
}

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

版权声明：本文为kPedestrian原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/kPedestrian/p/5532178.html