假设我有一个带有很多图标的精灵。我想将其中一个图标放置在 div 上方的特定位置，例如距右侧 15px 和距顶部 20px。以前，当我有单个图像文件时，我使用以下代码：
background: white url(./imgs/some/icon.png) no-repeat 91% 47%;
现在图像在精灵中，我可以使用它访问它
background-position: 0 -471px;
但正如我所见，没有地方可以添加我目前的 91% 47%。有什么解决方法吗？如果有帮助，可以在项目中使用 CSS3。
谢谢！
你能添加另一个<div>，给它正确的背景，并将它绝对定位在它需要的位置吗？我认为当您使用精灵表时，您的背景位置百分比可能会出现。
如果我正确理解了您的一组约束，您可能可以使用单个 div 来完成它，但前提是您的 png 具有透明背景并且图标具有足够的“透明空间”以不显示任何其他图标。
尝试：
background: white url(./imgs/some/icon.png) 91% 47% no-repeat, transparent url(./imgs/some/icon.png) 0 -471px no-repeat;