Html CSS菜单悬停图像拉伸

我有一个简单的水平菜单，它有不同宽度的

元素，当用户悬停在上面时，我希望使用附加的图像来指定悬停，但是我无法找到最好的方法

图像

任何人都可以发布任何代码，并建议我可能需要在这里做什么

---

谢谢

您只需在css中使用

a:hover

选择器，并添加背景图像。但是，请注意，拉伸此图像仅适用于支持CSS3的现代浏览器（IE9、Chrome、FF）。

这就是制作菜单的方式

设置菜单样式时，重要的是使锚定（a标记）

显示：block

。这样可以确保您对他们的外观和尺寸拥有完全的控制权。Als如果您使用锚定使菜单向后兼容不支持的旧浏览器：悬停在块级元素上（但在锚定上执行操作，即使您将其设置为块，因为它们最初是内联的）

背景图像很简单，只需将其添加到锚点的：hover类中即可。德国劳埃德船级社