JQuery菜单中的CSS精灵存在问题

我得到了一个别人拥有的代码库。我有一个紧迫的最后期限，我已经在这个问题上转了一段时间了。此代码使用页面顶部的一个表。这张桌子有一个下拉菜单。由于品牌需要，菜单由CSS精灵组成。每个根项目home、about、services的大小都不同。每个菜单的子项大小一致

菜单呈现良好，但有两个例外：

在IE 9中，菜单看起来很好。在Chrome和我怀疑其他浏览器中，根项目home、about、services会在鼠标悬停时改变大小。此大小更改会导致主图像文件中出现下一个图像的一部分。我只希望显示需要显示的根项目图像。 菜单显示为从单元格的垂直中间下拉。我只想让菜单出现。目前，它正在制作动画。我怎样才能让它出现？

---

从另一个角度来看这个问题似乎要容易得多。与其使用精灵来实现期望的结果，不如从javascript的角度来看待它……你已经成功了一半

从良好、干净的UL列表开始。它的状态很好，但是它 需要对格式进行一些调整：

...

简而言之，每次需要另一个嵌套元素时，在li中抛出一个列表。放下onclick和其他额外的东西Superfish会帮你的

添加到您的页面并在UL列表中调用它

$(document).ready(function(){
    $("ul.menu").superfish();
});

在元素上使用CSS设置背景

使用JqueryUI将圆角设置为所需的元素。添加左下角的类ui角bl，右下角的类ui角br等

通过CSS调整悬停

---

不久前，我使用这个解决方案来替换一个非常糟糕的菜单，类似于您正在处理的菜单。菜单有很多行为——特别是当它们像我的网站一样庞大和嵌套时——所以它们需要耐心。但是，此解决方案将为您带来更轻松的维护，因为如果其中一个菜单项发生更改，您只需在代码中更改它，而不是使用图形。仅此一项就可以增加几个小时。此外，由于下载量减少，您将获得一点速度。

哇。问题是缺少分号

观察：您可能应该决定只以一种方式绑定事件处理程序。因为您使用的是jQuery，所以这是一个不错的选择；其中一个应该被逐出，对吗？这真的是你所有的CSS吗？没有提到任何带有h或d后缀的类。对不起。我现在就修改代码。这个问题可以在您的浏览器中看到：感谢您查看这个问题。动画问题之所以发生，是因为您的代码通过调用slideToggle显式地要求它。如果您只想显示菜单块，它应该只调用。show。谢谢！我知道这个节目，但我忘了找。这就解决了第2项。只需要得到1。这就是为什么你应该发布代码示例。