Проблема с погрузочным фоновое изображение с использованием CSS (Aptana Studio)

Question

Im используя следующий CSS, чтобы установить фоновое изображение для моего меню

#menuContainer 
{ 
    background:url('../images/main-bg.png') repeat-x; 
} 

Мой CSS внутри

~/styles/site.css 

и мое изображение находится внутри

~/images/main-bg.png 

Проблема в том, что это отлично работает в Chrome, но не работает в Firefox. Но если изменить URL в

#menuContainer 
{ 
    background:url('images/main-bg.png') repeat-x; 
} 

Он начинает работать в Firefox и Chrome не работает.

Может ли кто-нибудь помочь?

Answer 1

Это походит утра на моей стороне. Все время я использовал Aptana Studio для проверки моего сайта. Когда я запускаю страницу из Aptana, она автоматически открывает Firefox, когда она не отображает изображения. Он использует встроенный сервер Firefox. Я думаю, что проблема есть. Наконец, я попробовал только открыть веб-страницу в Firefox и Chrome, щелкнув правой кнопкой мыши на Index.html в проводнике Windows, он отлично работает в обоих браузерах. Спасибо всем за поддержку.

Answer 2

ли эта работа:

#menuContainer 
{ 
    background-image:url('./../images/main-bg.png') repeat-x; /* or './../img/main-bg.png' */ 
} 

Если у вас есть доменное имя (или работают Localhost), то вы должны попробовать использовать абсолютный путь, чтобы получить изображение, как я чувствую этот вопрос является тем, как браузеры разрешения относительных путей:

#menuContainer 
{ 
    background-image:url('wwww.example.com/images/main-bg.png') repeat-x; /* or 'localhost:8080/images/main-bg.png' - please replace 8080 with the port you are using. */ 
} 

Answer 3

заменить этим

#menuContainer 
{ 
    background:url('../img/main-bg.png') repeat-x; 
}