2013-07-18 3 views
1

Время в течение 3 часов Я проверил, почему LESS не устанавливает фоновое изображение для необходимого контейнера. Пожалуйста, если кто-то скажет мне, что не так в моем сценарии (я пробовал все возможности, найденные в stackoverflow, но ничего не работало для меня).LESS CSS background-image URL не удалось загрузить

Это мой код:

@imagesDir:"../images/newImages18072013"; 
#header 
{ 
    background-image: url("@{imagesDir}/headerBack.gif"); 
} 

В результате в браузере это:

#header { 
      background-image: url("@{imagesDir}/headerBack.gif"); 
} 

Итак, все, что я пытался, я получил тот же результат в браузере, похоже, это не обрабатывается.

ответ

2

Вы пишете это неправильно, возможно?

@base-url: "http://assets.fnord.com"; 
background-image: url("@{base-url}/images/bg.png"); 

От: http://lesscss.org/#-string-interpolation

+0

Вчера я начал учиться МЕНЬШЕ, и кажется, что у меня будут головные боли. Ваш код работает, и я понимаю, что я не могу объявить какое-либо имя переменной url, и я вынужден использовать «@ base-url». Спасибо – Webdesigner

1

я попробовал ваш код выше в http://less2css.org/, он работал отлично, как и ожидалось.

+0

Кажется, что вы имеете право касаться http://less2css.org, но проверяете css на моей странице, используя Firebug, в результате это другое. Я не понимаю, почему, но я вынужден использовать @ base-url, а не какое-то другое имя. Странно. – Webdesigner

Смежные вопросы