2011-09-21 78 views
0

我有一个简单的横向菜单,它有不同宽度的<li>元素,当用户悬停时我想使用附加的图像来指定悬停,但我不能找出最佳的方式来做这个。CSS菜单悬停图像拉伸

图像... enter image description here

任何人都可以发布任何代码,并建议我可能需要做。

感谢

回答

1

你只会在你的CSS使用a:hover选择,并添加一个背景图像。不过,请注意,只有在支持CSS3的现代浏览器(IE9,Chrome,FF)中才能使用此图片。

0

这就是你如何制作菜单;

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

当你的风格菜单这是使锚(一个标签)display:block重要。这确保你对他们的外观和尺寸拥有全面的权力。如果您使用锚来创建菜单,它将向后兼容不支持的旧版浏览器:将鼠标悬停在块级元素上(但即使您将它们设为块,因为它们最初是内联的)。

背景图像很简单,只需将它添加到锚点的hover类中。 Gl