iPad 版 safari 中身体背景图像导致 FPS 下降
我有一个带有 jquery 循环幻灯片的网站。在ipad上滑动流畅，但是如果我在body上添加css背景图片，似乎FPS下降，滑动效果看起来很糟糕。即使背景图像小于 iPad 屏幕，也会发生这种情况。
这是为什么？我该如何解决它？
I have a website with a jquery cycle slideshow. It slides smoothly on the ipad, but if i add a css background image to the body, it seems like the FPS drops and the slide effect looks really bad. This happends even if the background image is smaller than the iPad screen.
Why is this and how can I fix it?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以尝试使用硬件加速，例如将
-webkit-transform:translateZ(0);CSS 添加到要加速的块中。这是一篇关于 GPU 加速的好文章。
另外，我不知道你使用什么图像，但 webkit 中有一个错误，使用 CSS3 径向渐变作为背景可能会导致 FPS 大幅下降。
You can try to use hardware acceleration like adding the
-webkit-transform: translateZ(0);CSS to the block you want to accelerate.Here is a good article about GPU accelerating.
Also, I don't know what image do you use, but there is a bug in webkits, where using CSS3 radial gradients for background may cause great drops in FPS.