css透明背景如何兼容各个浏览器
2016-10-20 14:26
274 查看
1、html
2、css
css中兼容浏览器代码:
<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);
相关文章推荐
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
- CSS实现背景透明,文字不透明(兼容各浏览器)
- 【原】CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS实现背景透明,文字不透明(各浏览器兼容) (转)
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明,文字不透明(兼容各浏览器)
- CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明,文字不透明(各浏览器兼容)
- 兼容所有浏览器的半透明背景且不透明文字的CSS写法
- CSS实现背景透明,文字不透明(兼容各浏览器)
- CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS实现背景透明,文字不透明(兼容各浏览器)
- CSS实现背景透明文字不透明兼容各种浏览器有图有真相
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明,文字不透明(各浏览器兼容)
- css兼容大部分浏览器透明背景设置