在ul列表中使用精灵图像？

Question

我正在尝试更改我的ul li列表以使用它与背景图像＆amp;精灵，但我有背景重复这个问题，我缺少什么？

http://jsfiddle.net/R7MU4/

Answer 1

由于你的精灵是垂直平铺的，你需要使用一个高度等于每个精灵图像的高度的元素。

一种选择是使用另一个元素，例如span，并将背景应用于该元素。 http://jsfiddle.net/mestekweb/R7MU4/2/

您还可以将样式应用于link元素。 http://jsfiddle.net/mestekweb/R7MU4/3/

在这两种情况下，您都必须调整列表和/或链接的边距和填充以进行补偿。