背景圖片url不能用LessCSS

Question

我剛開始學習Lesscss。我正在構建wordpress主題，並將上傳的徽標保存在wp_options表中。 標誌變量的輸出會像http://example.com/wp-content/uploads/2014/11/logo.jpg 我解析少變量

$less->setVariables(array(
    'sitelogo' => $options['site_logo'][0], 
    )); 

和style.less我有

.logo { 
background: url(@sitelogo); 
} 

這不是工作，只是輸出background: url(http)

Answer 1

您應該添加額外的引號：'sitelogo' => "'$options['site_logo'][0]'"。

一個例子也可以在這裏找到：http://leafo.net/lessphp/docs/#setting_variables_from_php

$less->setVariables(array(
    "url" => "'http://example.com.com/'" 
)); 

echo $less->compile("body { background: url("@{url}/bg.png"); }"); 

Answer 2

我不認爲你可以在url（）中使用類似的變量。嘗試以下操作。

.logo { 
background: url("@{sitelogo}"); 
}