从罗盘中的精灵只获得x或y位置？

Question

如果我使用

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

我可以用

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

获取foobar-icon的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。