您的位置:首页 > Web前端 > CSS

css透明背景如何兼容各个浏览器

2016-10-20 14:26 274 查看
1、html

<div class="linkGroup linkGroup-25">
<div class="item">15天无理由退换</div>
<div class="item">包教会安装调试</div>
<div class="item">终身技术保修</div>
<div class="item">快速贴心包邮到家</div>
</div>


2、css

.linkGroup{
&:after{
content: '';
display: block;
visibility: hidden;
height: 0;
clear: both;
}
>.item{
float: left;
}
&.linkGroup-25{
position: absolute;
left: 470px;
bottom: 46px;
>.item{
float: left;
width: 223px;
height: 75px;
line-height: 75px;
border-radius: 4px;
background-color: #000;
background-color: rgba(0,0,0,.7);
opacity:0.50;filter:alpha(opacity=50);
color: #FFFFFF;
border:1px solid #FFFFFF;
font-size: 22px;
text-align: center;
& + .item{
margin-left: 25px;
}
}
}
}


css中兼容浏览器代码:

background-color: #000;
background-color: rgba(0,0,0,.7);
opacity:0.50;filter:alpha(opacity=50);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: