CSS: настройка фонового изображения в CSS

Question

Какой правильный синтаксис при настройке фонового изображения в CSS? В визуальной студии, кажется, нет проблемы в фоновом режиме, так как он появляется. Но в браузере, таком как IE или FF, фон не появляется. я что-то упустил здесь?

Синтаксис, который я использую, ниже (который я считаю правильным ...)

#headerArea
{
    height: 150px;
    background-image: url('/images/bgimage.jpg');
}

вышеизложенное верно, верно?

Answer 1

В зависимости от структуры вашей папки и того, где CSS расположен относительно изображений, которые он использует, вам придется подняться на корневой уровень каталога изображений и получить к нему доступ, чтобы вы могли попробовать что-то вроде

background-image: url('/../images/bgimage.jpg');

Answer 2

я получил мою работу w / ../images/bgimage.jpg

как? я НЕ использовал кавычки - например:

background-image: url(../images/bgimage.jpg);

Answer 3

Если вы тестируете на локальном компьютере без использования веб-сервера (то есть, если URL вашей страницы в FF начинается с "file://", этот URL не будет работать. Вам нужно указать относительный путь к образ, потому что в противном случае он будет искать этот образ в корне вашего жесткого диска.

Итак, если ваши файлы такие:

/some/path/html/index.html
/some/path/html/images/bgimage.jpg

Ваш код будет выглядеть так:

background-image: url('images/bgimage.jpg');

Answer 4

Это правильный синтаксис. Вы проверили, находится ли изображение в правильном месте?

Answer 5

И помните, относительный путь относительно листа CSS.

Answer 6

Если это относительный путь, удалить заголовок "/" в пути URL?

Answer 7

Мой CSS-файл находится в папке «Темы». Изображения сохраняются в папке «Изображения». Обе «Темы» и «Изображения» являются подпапками в корневом каталоге моего проекта.

В этом случае вы должны использовать

background-image: url(../Images/imageName.jpg);

Answer 8

Вы уверены в / в начале URL? Не пытаетесь ли вы добраться до изображения в подкаталоге «images» ... что подразумевает URL ('images / bgimage.jpg')?