css兼容问题
A
- animation @keyframes动画
谷歌 低版本（4.0~43.0）-webkit-
火狐 低版本 (5.0~16.0) -moz-
IE9- 不支持解决方法：
使用jquery的animate动画
$(ele).animate({style}, speed, easing, callback);
(提示：此方法不支持颜色动画，可以到jquery.com下载颜色动画插件)
B
- border-radius
IE8- 不支持
C
- calc
IE8- 不支持 （IE8- ： IE8及IE8以下不支持）
P
- perspective
谷歌 低版本（12.0~36.0）-webkit-
火狐 低版本 (10.0~16.0) -moz-
IE9- 不支持
R
- rgba
background: rgba(0, 0, 0, .5)
IE8- 不支持
解决方法
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
T
- transform
2D
IE9 -ms-
IE8- 不支持3D
IE11- 不支持
