透明度ie兼容问题

.loginBox { width: 300px; padding: 10px 30px 20px 30px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border: 1px solid transparent; position: absolute; top: 70px; right: 50px; background-color:#fff\0; +background-color:#fff\9;}
@media all and (min-width:0){ .loginBox {  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}/* IE9 only */   }

对于ie9以下不能兼容半透明，使用 background-color:#fff\0;用来兼容ie8或9，+background-color:#fff\9;用来兼容ie7；而@media all and (min-width:0){ .loginBox { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}这个专门是兼容ie9的样式。

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/52

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！