CSS Sprites在.body背景图像之上

Question

这可能有一个简单的（2个字母）答案，但如果我有一个带有背景图像的页面，是否可以在它上面使用精灵？似乎没有，但这很简单，很难相信它是不可能的。

Answer 1

是的，您可以根据需要将多个元素与背景图像叠加在一起。您可以定位它们并使用z-index来控制它们的堆叠顺序（较高的数字堆叠在较低的数字上方）。只要您正确定义精灵的宽度/高度和背景位置，它就会起作用。

记住元素需要有一个z-index的位置才能工作（position：relative;或position：absolute;）。