启用特定jQuery的站点的FireFox性能问题

Question

我使用jQuery构建了我的第一个站点，总体而言，结果非常好 - 在大多数浏览器中，就是这样。您可以看到该网站的测试环境here。

令我惊讶的是，它在IE，Chrome，Safari和Opera中运行良好 - 但它在FireFox中非常糟糕。我正在使用基本的幻灯片，手工编码的水平手风琴，一些小弹出框，各种小效果和jQuery LightBox插件。我的所有代码都可以查看here。

最大和最明显的FireFox问题是手风琴 - 当它滑动时，它相当平滑，但有吨的手风琴。我实际上通过将隐藏的内容设置为display: none;来减少视觉效果。

如果我犯了一些noob错误，请让我难堪并指出它。我对任何建议持开放态度，只要你不告诉我我必须改变这些功能 - 我的客户已经设置好了，因为我的老板答应了他们（在问我是否可以实施它们之前）。

Answer 1

似乎透明文本框（其移动导致工件，对吧？）完全在IE中各自的手风琴页面内，但它们在FF中与页面重叠。我不知道为什么会这样（现在没时间查看代码）但是在正确的地方可能已经足够“溢出：隐藏”了。

Answer 2

首先猜测 - width标记中的height和<img>。

这是与JS相关的许多扭曲的常见原因。

使用CSS属性（width和height（ sic ）代替

P.S。 将Options -Indexes设置为dev server root

上的.htaccess

Answer 3

最后，它是一个组合的东西。手风琴内溢出的div导致了很多麻烦和一些减速。一些没有尺寸的图像也会产生伪影和减速。感谢大家的帮助和评论。