流体导航背景悬停

Question

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

有人知道怎么做吗？我想使用所有导航选项的相同图像来减少页面加载时间。这是my current page（也是我不想在那里发生的事情的一个例子）提前致谢！

Answer 1

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

http://jsfiddle.net/Sn3p2/

Answer 2

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

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

希望对您有所帮助。