2

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

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

有没有办法做到这一点?

4

2 回答 2

2

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

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

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

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

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

于 2012-06-01T02:23:03.377 回答