css3动画在ie上抖动，css3动画效果

ie9不兼容css3实现的loading加载动画怎么解决

IE9 可以用JS的 setTimeOut 等函数来解决动画。IE6，7，8 游览器推荐用jQuery动画，当然旋转等高级动画是不行的，因为rotate属性是IE9开始支持的。不支持css3的游览器上不要勉强用，网页执行效率极差。

可以在后台判断浏览器版本，如果是IE8就输出content=IE=8，如果是IE9就输出 content=IE=9。

用 border-top和border-bottom设置上下两个弧形，便于后面的动画设置。最后，为了使其旋转起来，需要用animation和@keyframes属性，具体代码如下：注意：使用animation和@keyframes动画时，注意浏览器的兼容性。

相关问答

Q1: 不被注意的几个CSS3属性之强大应用

1、azimuth ：设置或检索当前声音的音场角度。举例 div { azimuth ： 30deg； }speak：设置或检索声音是否给出。举例 acronym { speak： spell-out }stress：设置或检索当前声音波形的最高峰值。

2、比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。在传统软件开发中，经常会提到向上兼容和向下兼容的概念。

3、当然实际上我们还需要更多的代码来给提示增加样式，但是不用担心，已经有了为此设计的强大且纯粹的叫 Hint.css 的CSS库和 Balloon.css 。

4、今天我们的内容是css3的text-shadow、box-shadow 和 border-radius几个属性的介绍，他能增强页面布局，值得学习。RGBA前三个值分别代码RBG的值，最后一个值代表透明度（0表示透明，1表示不透明）。

5、大家都知道CSS3的transform属性，因为我们常常用的到它，那么今天就给大家好好解析一下，这个transform究竟怎么使用，transform的使用方法以及语法。语法：none|transform-function[transform-function]* 初始值是none。

Q2: css怎样解决ie浏览器旋转不兼容

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

另外还有一起其他的解决方案，例如google的 ie7 – js中是一个JavaScript库（解决IE与W3C标准的冲突的JS库），使微软的Internet Explorer的行为像一个Web标准兼容的浏览器，支持更多的W3C标准，支持CSSCSS3选择器。

首先打开IE浏览器单击右上方的“设置”图标。在弹出来的菜单中选择“兼容性视图设置”。

E浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

，Internet Explorer 10+ 2，Firefox 3，Opera 4，Chrome Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。所以，如果在设计过程中需要考虑的IE较低版本的话，建议使用JS来代替transition。

css3动画在ie上抖动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css3动画效果、css3动画在ie上抖动的信息别忘了在本站进行查找喔。