你如何使用CSS精灵表作为背景?

时间:2012-06-01 02:08:53

标签: html css

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

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

有办法做到这一点吗?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

执行此操作的一种方法是在span内创建a

span设为inline-block元素,然后将其widthheight设置为精灵的值。

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