更改css精灵表的尺寸

Question

我需要在现有的精灵图像中添加一些新的图标，这些图标没有空余空间。通过使用图像编辑器编辑图像，在图像的右侧添加一些额外的空间，这会改变图像的宽度，从而影响现有的css位置吗？

Answer 1

这取决于你如何在现有CSS中引用sprite的位置，以及如何扩展图像。

如果您的图像如下：

#myImg{background:url(/mySprite.png) top right}

...然后如果您将精灵扩展到右侧，则上述代码将是错误的。

百分比参考也会有问题。

但是，如果所有CSS引用都使用带有像素的左边缘，则向右扩展不是问题。