html - 如何使用 CSS 精灵表作为背景？

Question

我想使用图像的一部分（CSS 精灵表）作为背景，但我认为没有办法定义它。

例如，我有一个<a>100 像素宽和 30 像素高的标签。我想使用一个图标作为精灵表中的背景图像。尽管我可以正确定位它，但我无法“修剪”精灵表以仅包含该图标，但它会继续显示精灵表的其余部分，因为该图标只有 16x16 像素并且<a>标签要大得多。

有没有办法做到这一点？

score 2 · Accepted Answer

2

您必须在工作表中为其保留一些空间并使其透明。

于 2012-06-01T02:16:14.927 回答

score 0 · Accepted Answer

一种方法是span在您的内部创建一个a.

制作span一个inline-block元素，然后将其width和设置height为精灵的元素。

另一种方法是使用 cssclip属性。你可以在这里找到一个很好的概述：http: //css-tricks.com/css-sprites-with-inline-images/

2 回答 2