4
我在我的assets/images
目录中有一个gradient
在Rails 3.1应用程序。下面是我用用创建从这些图像精灵指南针代码:如何“重复x”一个精灵,由罗盘生成
$gradient-repeat: repeat-x;
@import "compass";
@import "gradient/*.png";
body > header > nav {
clear: both;
@include gradient-sprite(red-menu);
}
我的问题是,即使我明确地告诉大家,我想我的背景是水平重复罗盘,它仍然产生以下CSS:
body > header > nav {
clear: both;
background-position: 0 -207px;
height: 34px;
}
.gradient-sprite, body > header > nav {
background: url(/assets/gradient-sbe06665f77.png) no-repeat;
}
所以我的梯度不会水平重复。
我在我的Gemfile中使用了指南针gem的3.1分支。
现在,我可以简单地将background-repeat: repeat-x;
添加到我的代码中,并覆盖Compass为我生成的内容,但我觉得这不是Rails的做事方式。
任何帮助将不胜感激。
+1。指南针,你不要重复我的背景。注意:Compass会重复你的图像来填充精灵宽度,这可能是为什么很多人不会注意到这个问题 - 只有当你的精灵比你想要重复背景的元素更窄时才会弹出。 –
可能很多人使用指南针来生成渐变的小精灵,也许这就是为什么这没有被注意到...... :)。也许我们应该在github上提交错误报告? – muxcmux
我认为你应该这样做。我使用罗盘很多,但从来没有足够窄的精灵,它成为一个问题。 –