【发布时间】：2011-10-26 22:31:57
【问题描述】：
我一直在努力理解为什么我刚开始构建的网站上的 jQuery 动画运行如此缓慢。事实证明这与我已应用于大背景的 background-size:cover 有关身体标签上的图像。
只有在 Firefox 中才会出现缓慢的性能，在 safari 和 chrome 中表现良好，我尝试禁用所有附加组件，所以不要认为它有任何影响。
当我在 firebug 中关闭背景大小时，我的 jQuery slideDown 效果运行顺畅。把它放回去，他们跑得更生涩。当我改用 CSS3 过渡动画时，也会发生同样的事情。
知道为什么 background-size 属性会影响动画吗？
有问题的页面是：http://flc.timidmedia.co.uk/ 如果您将鼠标悬停在右侧列上的任何框，您应该会看到动画。
【问题讨论】：
-
不是一个真正的答案，但是：你不能让背景的大小合适吗？将小bg 变大会使它变得丑陋，而将大bg 变小会使它变得不必要的大。我在您的网站上发现的另一件事：如果您将鼠标悬停/鼠标悬停在展开的潜文本上多次，它会多次折叠/折叠
-
嗯，但是合适的尺寸是多少？我已经将图像制作为 2560x1440，因为这几乎是通常可用的最大分辨率。确保它的文件大小也相当大……我选择 background-size:cover 的全部原因是为了使图像“正确”大多数屏幕分辨率的大小'.. ..我知道动画链接有问题，但我被这个'问题'转移了方向。感谢您的评论。