我想使用图像的一部分(CSS 精灵表)作为背景,但我认为没有办法定义它。
例如,我有一个<a>
100 像素宽和 30 像素高的标签。我想使用一个图标作为精灵表中的背景图像。尽管我可以正确定位它,但我无法“修剪”精灵表以仅包含该图标,但它会继续显示精灵表的其余部分,因为该图标只有 16x16 像素并且<a>
标签要大得多。
有没有办法做到这一点?
您必须在工作表中为其保留一些空间并使其透明。
一种方法是span
在您的内部创建一个a
.
制作span
一个inline-block
元素,然后将其width
和设置height
为精灵的元素。
另一种方法是使用 cssclip
属性。你可以在这里找到一个很好的概述:http: //css-tricks.com/css-sprites-with-inline-images/