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

Question

我试图更改我的 ul li 列表以将其与背景图像和精灵一起使用，但我在背景重复时遇到了这个问题，我错过了什么？

http://jsfiddle.net/R7MU4/

Answer 1

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

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

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

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