echarts关系图兼容ie8_聊一聊IE兼容问题 一

点击上方蓝字关注我们

设计有“三大妖术”分别是：圆角、阴影、透明度，恰恰他们在IE上存在兼容问题，让前兼容起来感到头，所以不兼容IE我们还是好朋友！

本篇记录一下IE8 & IE9的部分兼容问题，不要问我IE6和IE7怎么办，问就是不知道 1 透明度

属性：opacity  兼容性：IE8以上

代码如下

//html
<div class="box">
    <div class="b">我是下面的盒子div>
    <div class="a">我是上面的盒子div>
div>

//css
.box{
    
    position: relative;
}
.b,.a{
    
    width: 300px;
    height: 150px;
    color:#fff;
    background-color:#000;