在Sass的图像路径中有一个变量吗？
在Sass的图像路径中有一个变量吗？
提问于 2011-12-23 02:53:36
我希望有一个变量，它包含CSS文件中所有图像的根路径。我不太清楚这在纯Sass中是否可行(实际的web项目不是RoR，所以不能使用asset_pipeline或任何花哨的jazz)。
下面是我的一个不起作用的例子。在编译时，它在后台url属性中的第一个变量实例("Invalid CSS after "..site/background": expected ")")处停止。
定义返回路径的函数：
//Vars
$assetPath : "/assets/images";
//Functions
@function get-path-to-assets($assetPath){
@return $assetPath;
}使用函数：
body {
margin: 0 auto;
background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
width: 100%; }任何帮助都将不胜感激。
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-12-23 02:59:05
您尝试过Interpolation语法吗？
background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0;Stack Overflow用户
发布于 2011-12-23 02:58:40
不需要函数：
$assetPath : "/assets/images";
...
body {
margin: 0 auto;
background: url(#{$assetPath}/site/background.jpg) repeat-x fixed 0 0;
width: 100%; }有关详细信息，请参阅interpolation docs。
Stack Overflow用户
发布于 2013-03-23 01:15:24
我在到处寻找同样问题的答案，但我想我找到了一个更好的解决方案：http://blog.grayghostvisuals.com/compass/image-url/
基本上，您可以在config.rb中设置图像路径，并使用image-url()助手
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8608498
复制相关文章
相似问题