css - 流体导航背景悬停

Question

我不太确定如何解释这一点，但基本上我想要导航栏的“流畅”背景图像。我将尝试在下图中解释它。

有谁知道如何做到这一点？我想使用所有导航选项的相同图像来减少页面加载时间。这是我当前的页面（也是我不想在那里发生的一个例子）提前谢谢！

Answer 1

快速了解如何使用 CSS3 进行操作

http://jsfiddle.net/Sn3p2/

Answer 2

要使用背景图像做你想做的事情，你需要图像。一个作为 LI 元素的背景，一个作为 LI 内 A 标签的背景。

A 标签内的背景图像会相对较薄，并与 A 标签的右侧对齐。

希望有帮助。