2013-07-09 60 views
1

我加載和生成我的小妖精的位置:指南針:如何獲得一個自動生成的精靈

@import "map/*.png"; 
@include all-map-sprites; 

然後我試圖利用精靈位置的方法來獲得位置:

background-position: sprite-position($map, icon-name); 

這個上升以下錯誤:

未定義的變量: 「$圖」。

有沒有像$ map或$ map-sprite這樣的自動賦值變量?

在此先感謝

回答

2

試試這個:

@import "map/*.png"; 
@include all-map-sprites; 

$map: sprite-map("map/*.png"); 
background-position: sprite-position($map, icon-name); 

@TomRoggero已經提出了一個更短的變體:

@import "map/*.png"; 
@include all-map-sprites; 

background-position: sprite-position($map-sprites, icon-name); 
+0

HM我沒有得到一個錯誤,但它返回錯誤的位置。 – Oliver

+0

啊,它工作,如果我刪除圖標的間距.. – Oliver

+1

錯誤的答案。你應該使用'background-position:sprite-position($ map-sprites,name)'而不是'$ map',並且不需要執行'$ map'定義 –