如何为生成的内容使用指南针生成的精灵？

Question

是否可以使用指南针生成的sprite替换下面的图标路径？

a:before { content: url(/pathto/icon.png); }

虽然我工作如何在那里得到的精灵路径，我不知道这是否是可能得到的精灵呈现出正确的位。

Answer 1

请勿将精灵贴图加载为“内容”。将内容设置为“”，将精灵加载为背景，并按照与其他任何文本/图像替换精灵一样的方式进行控制。

a:before { 
    @include <map>-sprite(<icon>); 
    @include sprite-dimensions(<map>, <icon>); 
    content: " "; 
} 

凡<map>和<icon>由特定精灵地图和图标名称进行替换。