compass-sass - 仅从指南针中的精灵获取 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 规范中。添加它的建议已被拒绝。Chrome、Safari 甚至 IE 都支持，但 Opera 和 Firefox 不支持（支持表）。

可以编写自己的扩展来计算并返回值，但最好同时更新 x 和 y。