css 透明

方法1：兼容性比较好，兼容ie7+、chorem、火狐。该方法会对元素标签里的所有子元素都产生透明效果

.css1{
    width: 100px;
    height: 100px;
    background-color: #000;
    filter: alpha(opacity=80);   /*IE   80透明度*/
    -moz-opacity: 0.8;    /*firefox   0.8透明度*/
    opacity: 0.8; 
}

方法2：不兼容低版本浏览器，ie8- 无望，ie9 我还没试过。该方法不会对元素标签里的子元素都产生透明效果，只对定义的便签有透明效果

.css2{
     height: 100px;
     width:100px;
     background-color: rgba(0,0,0,0.5);   /*0.5及透明度*/
}

 

转载于:https://www.cnblogs.com/wteng/p/5341249.html