2015-11-05 2 views
1

У меня возникли проблемы, потому что я не могу установить фоновое изображение из файла CSS.HTML-настройка background-image PATH

Я использую netbeans. У меня есть папка css и внутри у меня есть global.css. Внутри global.css я этот код:

body{ 
    background-image: url(/images/background.jpg); 
} 

background.jpg находится внутри папки под названием изображения, структура выглядит следующим образом:

--Web Pages 
    -css 
     global.css 
    -images 
     background.jpg 

    -index.html 
--Source Packages 
--etc 

Это не работает, почему?

ответ

1

В настоящее время он находится внутри css (global.css), он должен идти на один уровень вверх (папка css, папка с изображениями), а затем заходить в папку с изображениями.

body{ 
    background-image: url(../images/background.jpg); 
} 
+0

Спасибо, что решить эту проблему. – user2911701

+0

@ user2911701 Добро пожаловать. [Это полезная статья для css-путей] (https://css-tricks.com/quick-reminder-about-file-paths/) и [этот] (http://jeffreybarke.net/2013/06/paths и-URLs-относительный-и-абсолютный /) – Alex

2

Правильно ли загружается css? Если да, то посмотрите на URL: используя trailing hash перед образами/ссылками на корень вашего сервера, но вашего изображения его нет. Используйте ../, чтобы перейти в ваш файл и , затем введите изображений папку. Это должно работать:

body{ 
 
    background-image: url(../images/background.jpg); 
 
}

2

Измените путь к этому: background-image: url(../images/background.jpg);

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