在中心位置精灵背景

问题描述:

我有一个精灵为我的图标。其中一个是29px * 29px,但使用该图标的div实际上是35px * 35px(它具有padding:6px)。 我想垂直和水平对齐图标。我没有制作35px * 35px的图片,因为div尺寸可能稍后会更改。 有没有解决方案,或者我必须将图标导出到正确的尺寸?在中心位置精灵背景

您可以在background:声明中使用负坐标,就像这样:

background: url('sprite.png') -3px -3px no-repeat; 
+0

感谢,但由于精灵另一个图标的一部分显示 – Hakim 2015-04-03 15:33:43

+0

在这种情况下,你这是行不通的必须制作新的背景图片,或者以某种方式覆盖您不想出现的部分。 – 2015-04-03 15:36:15