1. 首页
  2. 问答
  3. 如何使用CSS精灵表作为背景？

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

2012-06-01 49 views
2

我想使用图像的一部分（一个CSS精灵表）作为背景，但我不认为有一种方法来定义它。如何使用CSS精灵表作为背景？

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

有没有办法做到这一点？

来源

2012-06-01 Kryptix

回答

2

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

来源

2012-06-01 02:16:14 WojtekT

0

一种方法是在a内部创建span。

使span为inline-block元素，然后将它的width和height设置为精灵的元素。

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

来源

2012-06-01 02:23:03

相关问题

 相关问题