Почему фоновые изображения в моем абсолютно позиционированном div не отображаются?

Question

Я не могу понять, почему мои фоновые изображения в моих абсолютно позиционированных div не отображаются.Я использую Firefox, но также в Chrome.

Особенно странным является то, что при просмотре страницы с открытым диалогом Edit CSS панели инструментов веб-разработчика появляются изображения.

Рассматриваемые изображения - это div с идентификатором "joel-image" и элементами навигации.

http://joelglovier.com

Answer 1

Пути в css относятся к фактическому файлу css .. не к html-странице ..

поэтому ваш путь должен быть либо ../img/joel-image.jpg или лучше /img/joel-image.jpg

В настоящее время ваш CSS-файл находится в папке /css, поэтому свойство фонового изображения url(img/joel-image.jpg) преобразуется в /css/img/joel-image.jpg, что неверно.

Answer 2

Запрос, который браузер делает с изображением, возвращает 404. Поэтому путь к вашему изображению неверныйДважды проверьте это.Попробуйте абсолютный путь.