CSS菜单悬停图像拉伸

Question

我有一个简单的水平菜单，其中有<li>个不同宽度的元素，当用户盘旋时，我想使用附加的图像来指定悬停，但是我无法找到最好的方法来做到这一点

图片...

任何人都可以发布任何代码并提出我可能需要做的事情。

由于

Answer 1

您只需在css中使用a:hover选择器，然后添加背景图片即可。但请注意，拉伸此图像仅适用于支持CSS3的现代浏览器（IE9，Chrome，FF）。

Answer 2

这就是你制作菜单的方式;

http://jsfiddle.net/sg3s/49T6w/1/

设置菜单样式时，制作锚点（标记）display:block非常重要。这可以确保您拥有完整的外观和尺寸。 Als如果你使用锚点来制作菜单它与不支持的旧版浏览器向后兼容：将鼠标悬停在块级元素上（但是即使你将它们作为一个块，因为它们最初都是内联的）。

背景图片很简单，只需将其添加到锚点的：hover类中即可。 GL