怎么处理css中动画卡顿的问题

手机很卡的话是由于手机的储存空间不足造成的
可以使用腾讯手机管家来进行下空间清理，这个软件的清理力度比较大
通过对手机上的垃圾和缓存进行全面的扫描，扫描之后可以进行一键清理
还能卸载一些不常用的软件并进行卸载残留的清理进一步释放手机空间

这是因为mouseover后很快又触发mouseout了。
在CSS3中，也是就是:hover还没来得及反应
鼠标移动慢一点，就不会漏帧了。

IE6？
定位的问题 给左边最外层和右边最外层 设置css position:relative 左边z-index:100 右边：z-index:10;（左边z-index比右边大即可）

你这个ul是不是绝对定位的？你给这个u或包含ul的这个容器加上z-index:1;试试，不行再说。

不用这个效果。手机硬件渲染速度跟不上，你解决不了。

总结解决CSS3动画卡顿方案1.尽量使用transform做动画，避免使用height,width,margin,padding等；原因是： 根据定义，CSS 的transform属性不会更改元素或它周围的元素的布局。transform属性会对元素的整体产生影响，它会对整个元素进行缩放、旋转、移动处理。这对浏览器来说是个好消息 ！浏览器只需要一次生成这个元素的位图，并在动画开始的时候将它提交给GPU去处理 。之后，浏览器不需要再做任何布局、 绘制以及提交位图的操作。从而，浏览器可以充分利用 GPU 的特长去快速地将位图绘制在不同的位置、执行旋转或缩放处理。对于高度较慢的原因： 在动画的每一帧中，浏览器都要执行布局、 绘制、 以及将新的位图提交给 GPU。我们知道，将位图加载到 GPU 的内存中是一个相对较慢的操作。浏览器需要做大量工作的原因在于每一帧中元素的内容都在不断改变。改变一个元素的高度可能导致需要同步改变它的子元素的大小，所以浏览器必须重新计算布局。布局完成后，主线程又必须重新生成该元素的位图。2.要求较高时，可以开启浏览器开启GPU硬件加速。比如： 一、现在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换。.cube { -webkit-transform: translate3d(250px,250px,250px) rotate3d(250px,250px,250px,-120deg) scale3d(0.5, 0.5, 0.5);}二、可是在一些情况下，我们并不需要对元素应用3D变换的效果，那怎么办呢？这时候我们可以使用个小技巧“欺骗”浏览器来开启硬件加速。虽然我们可能不想对元素应用3D变换，可我们一样可以开启3D引擎。例如我们可以用transform: translateZ(0); 来开启硬件加速 。.cube { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* Other transform properties here */}在 Chrome and Safari中，当我们使用CSS transforms 或者 animations时可能会有页面闪烁的效果，下面的代码可以修复此情况：.cube { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; /* Other transform properties here */}