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