通SASS可變圖像URL

Question

我使用下面的CSS代碼來生成開發過程中在我的網站基線背景：

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

我想的$base-line-height一個SASS變量傳遞到URL，因此它這樣的作品：

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

但編譯時我不斷收到錯誤。有什麼辦法可以做到這一點？

感謝

邁克

Answer 1

使用Interpolation：

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

Answer 2

您可以通過使用單或雙引號做到這一點：

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