фоновое изображение не отображается

Question

Может кто-нибудь сказать, почему фоновое изображение не отображается в моем php-коде.

#wrap-iframe{
    background-image: url(bg_01.gif); 
    background-repeat: no-repeat;   
    border:0 none;
    min-width:760px;
    min-height: 700px;
}

это CSS, который у меня есть. Поле div отображается безупречно. URL изображения правильный. если я добавлю изображение через тег, оно отобразится.

Я не был так плох в CSS ...: - (

Answer 1

Обратите внимание, что путь к изображению должен быть относительно таблицы стилей. Если ваша таблица стилей находится в другом каталоге, чем страница, вы должны соответственно изменить путь в url().

Вы можете щелкнуть правой кнопкой мыши по DIV в Firefox и нажать «Показать фоновое изображение». Вы попадете на URL-адрес, по которому firefox ищет изображение, и вы увидите, правильно ли оно или нет.

Answer 2

Я рекомендую использовать «абсолютный» путь. Начните с косой черты и опишите путь от корня HTML вперед, т. Е. /images/bg_01.gif приведет к http://yourdomain.com/images/bg_01.gif

Я всегда ставлю кавычки и вокруг имени файла, хотя они могут и не быть необходимыми на 100%:

background-image: url("/images/bg_01.gif");