指南针精灵背景颜色答案

【问题标题】：Compass sprite background color指南针精灵背景颜色
【发布时间】：2012-09-08 07:49:28
【问题描述】：

指南针可以生成具有纯色背景的精灵吗？

我的意思是没有 Alpha 通道。

我想要白色背景来减小文件大小。

【问题讨论】：

一开始为什么会有这么多空白？
我使用额外的间距： $sprite: sprite-map('img/sprite/*.png', $position: 0%, $spacing: 30px, $repeat: no-repeat);
因为html标签高度大于精灵项，没有间距下一个出现在同一个标签中
插图minus.com/ln2ItCmW4lChx
你不能把背景颜色也设置为白色吗？

【解决方案1】：

我所做的是设置精灵，然后设置背景颜色，如下所示：

.i-facebook {
   @include home-sprite(i-facebook, false, 20px, 20px);
   background-color: $blue;
}

注意：我在我的精灵上使用 20px 间距。

如果有更好的方法，我会很感兴趣。

【讨论】：