如何爲生成的內容使用指南針生成的精靈？

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>由特定精靈地圖和圖標名稱進行替換。