背景图片网址不适用于LessCSS

Question

我刚开始学习Lesscss。我正在构建一个wordpress主题，我将上传的徽标保存在wp_options表中。 徽标变量的输出就像http://example.com/wp-content/uploads/2014/11/logo.jpg 我正在解析变量较少的

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

and 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}");
}