Html 菜单精灵导航

这是我需要编码的网站的模型

我的菜单精灵不能正常工作，在这里你可以看到它

这是HTML

---

这里是CSS

这个菜单使用sprite的原因是什么，CSS解决方案呢？

你应该在这里发布你的代码，不是指向源文件的链接OK谢谢你的建议Alienwhat@Mr.Alien先生说，但我看到的主要问题是，你将背景图像应用于整个

ul

元素，然后在每个

li a

悬停时应用悬停背景图像，而它们应该位于同一元素上，并且让生活更轻松你可以将两幅背景图像组合成雪碧。谢谢@martincarlin87。我没有那么先进。你能给我一个解决方案吗？我会尝试将非悬停（原始）导航图像作为每个

LIA

的背景，以便它与悬停CSS匹配，你可能需要调整背景位置并更改

ul

的样式，但它应该可以工作，而且不会太困难。i、 对非悬停状态和悬停状态做同样的操作。我认为这更容易、更快。你能给我一个好的和快速的解决方案，而不是菜单精灵吗？这里有一个神奇的工具精灵在这个链接上，这里是另一个有用的css梯度背景工具和它的跨浏览器以及。希望能有所帮助