box-shadow盒阴影 IE8浏览器不支持
IE9+浏览器使用box-shadow阴影 IE7,IE8浏览器使用border线框
IE9+浏览器没有边框其实很简单 border所有浏览器都识别,但是rgba色值确实IE9+浏览器才支持
可以巧妙利用IE8-浏览器不识别rgba色值这一特性,实现我们的向下兼容处理。
IE8浏览器不认识rgba颜色表示,因此,在IE8眼中,下面这种写法就是不合法的,就会被忽略
如果在Sass中写出border: 0 rgba(0,0,0,0);,则会被Sass自以为是地编译成border: 0 transparent
然看表现rgba(0,0,0,0)和transparent是一个东西,都是透明,但是,对于border属性而言,rgba(0,0,0,0) IE9+浏览器才能识别,transparent从IE7浏览器就开始识别
于是,IE7,IE8浏览器下,本要出现的边框就这样直接被干掉了,bug!为了规避这个让人无语的问题,使用了rgba(0,0,0,.2)。