将SASS变量传递给图像URL

Question

我在开发期间使用以下CSS代码在我的网站上生成基线背景:

html { 
    background-image: url(http://basehold.it/i/24/777777);
}

我想将一个SASS变量传递给$base-line-heightURL,所以它的工作原理如下:

html { 
    background-image: url(http://basehold.it/i/$base-line-height/777777);
}

但是我在编译时遇到错误.有没有办法可以做到这一点？

谢谢

麦克风

Answer 1

使用插值:

html { 
    background-image: url(http://basehold.it/i/#{$base-line-height}/777777);
}