我希望有一个变量包含CSS文件中所有图像的根路径.我不太清楚这在纯Sass中是否可行(实际的Web项目不是RoR,所以不能使用ASSET_PIELINE或任何花哨的爵士乐).

这是我的一个不起作用的例子.在编译时,它在后台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%; }

任何帮助都将不胜感激.

推荐答案

你试过Interpolation语法了吗?

background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0;

Css相关问答推荐

要创建其按钮垂直对齐而不是水平对齐的v-bTN-toggle

如何以Angular 将下拉面板的宽度与其文本框对齐

为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行?

try 在Jekyll中使用多个SCSS文件时出错

在AND设计令牌上使用不同的主题

使用 Flex 容器,如何在右对齐所有 Flex 子项的同时赋予子图像完整宽度?

如何在保持默认外观的同时更改 javaFX 中按钮的突出显示 colored颜色

没有 colored颜色 Select 器的 JavaFX colored颜色 Select 器

antd 中的子菜单项不可滚动

当我在几个月之间更改时,有什么方法可以在react-dates-range上添加淡入淡出或幻灯片效果?

如何使半圆的边框淡出?

紫色表示访问过的超链接

CSS:将背景图像拉伸到屏幕的 100% 宽度和高度?

什么是 DOM 回流?

字体上的 Font-Awesome 错误 404

位置固定宽度 100%

css 中的 clearfix 类有什么作用?

使用 CSS go 除图像之间的空间

打印html时在页面上打印页码

仅当将 Div 悬停在上方时才显示滚动条?