Css实现透明效果,兼容IE8

Css实现透明效果,兼容IE8

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年9月9日 17:39:24 星期三

http://fanshuyao.iteye.com/

/* background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; */
background-color:#000;
opacity:0.3;
filter:alpha(opacity=30);

IE8显示效果:

Css实现透明效果,兼容IE8

谷歌内核浏览器显示效果:

Css实现透明效果,兼容IE8

下面为较完整的代码:

<li style="background-color:#2F8CEF;">
<i class="icon-fire icon-4x"></i>
<div class="service_box_content">
<div class="service_box_title">点火通气申请</div>
<div class="service_box_text">Ventilation application</div>
</div>
</li> /*下面为Css样式*/ .service_box ul li{
width:48%;
margin-right:8px;
margin-bottom:8px;
padding-top: 15px;
height: 140px;
display:block;
border: solid 1px #fff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
position: relative;
float: left;
} .service_box ul li i{
color:#fff;
} .service_box ul li div.service_box_content{
height: 60px;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
color: #fff;
/* background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; */
background-color:#000;
opacity:0.3;
filter:alpha(opacity=30);
}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年9月9日 17:39:24 星期三

http://fanshuyao.iteye.com/

上一篇:Hibernate 5 入门指南-基于Envers


下一篇:BZOJ 2006: [NOI2010]超级钢琴 [ST表+堆 | 主席树]