從指南針中的精靈獲取x或y位置？

Question

如果我使用

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

我可以使用

background-position: sprite-position($icon, foobar); 

得到foobar的圖標的xy位置。 是否有可能只獲取精靈內的x或y值？

Answer 1

試試這個。

$x: nth(sprite-position($icon, foobar), 1); 
$y: nth(sprite-position($icon, foobar), 2); 

Answer 2

類似sprite-position-y的原因不可用是因爲background-position-y不在官方CSS規範中。建議添加它has been denied。 Chrome，Safari，甚至IE都支持它，但Opera和Firefox不支持（support table）。

編寫自己的擴展來計算並返回值是可能的，但是最好更新x和y。