带有指南针和sass的前景img精灵

我知道compass提供了一种使用粗块png gem实现CSS精灵作为背景图像的方法。但是，生成的CSS使用CSS背景图像

@import "images/icons/*.png"
@include all-icons-sprites

如果我想使用compass CSS精灵，但使用嵌入图像，而不是背景图像，并将图像精灵相对定位，以显示其中的一部分，该怎么办

---

我可以使用compass来生成精灵，但是是否有一个mixin可以以某种方式为类生成CSS，因此它使用定位而不是背景图像？

如果你尝试执行我认为你要求的操作，你会失望的。如果要将精灵嵌入为

，则必须使用

clip

属性（这是一个很难处理的问题）。不过，您可以嵌入一个透明图像，并对其应用背景图像。谢谢，我认为可能会使用您的解决方案（使用透明图像），并使用一个span元素将应用背景的图像包装起来，因为IE7不支持clip属性。这样我就保留了两者中最好的（SASS和alt attr的语义）。至少我是这么看的。可惜这个问题没有一个明确的答案。使用img而不是bg更可取，因为img可以打印，而且bg在高对比度可访问模式下会变黑。通过给图像一个相对于其容器的绝对位置，可以将img用作精灵。如果你尝试按照我相信你的要求去做，你会失望的。如果要将精灵嵌入为

，则必须使用

clip

属性（这是一个很难处理的问题）。不过，您可以嵌入一个透明图像，并对其应用背景图像。谢谢，我认为可能会使用您的解决方案（使用透明图像），并使用一个span元素将应用背景的图像包装起来，因为IE7不支持clip属性。这样我就保留了两者中最好的（SASS和alt attr的语义）。至少我是这么看的。可惜这个问题没有一个明确的答案。使用img而不是bg更可取，因为img可以打印，而且bg在高对比度可访问模式下会变黑。通过赋予图像相对于其容器的绝对位置，可以将img用作精灵。