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- 不支持