码迷,mamicode.com
首页 > Web开发 > 详细

css透明

时间:2016-05-26 18:51:06      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

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

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

css透明

标签:

原文地址:http://www.cnblogs.com/kPedestrian/p/5532178.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!