我希望有一个变量,它包含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%; }
任何帮助都将不胜感激。
发布于 2011-12-23 02:59:05
您尝试过Interpolation语法吗?
background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0;
发布于 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。
发布于 2013-03-23 01:15:24
我在到处寻找同样问题的答案,但我想我找到了一个更好的解决方案:http://blog.grayghostvisuals.com/compass/image-url/
基本上,您可以在config.rb中设置图像路径,并使用image-url()助手
https://stackoverflow.com/questions/8608498
复制相似问题