css изображение с жесткого диска

Question

im о создании графического интерфейса, и я пытаюсь загрузить изображение в качестве фонового изображения через css. Мой HTML-лист почти пуст, кроме заголовка и контейнера div, в который я загружаю графический интерфейс, построенный с помощью JAVA и Google Web Toolkit.

Загрузка фонового изображения из Интернета работает очень хорошо!

.Bild { 
    background: url("http://developer.aldebaran-robotics.com/media/img/home/nao_h25.png") 
    no-repeat 
    center; 
} 

Но теперь я хочу загрузить его с моего жесткого диска, лучше сказать из папки в проекте. структура выглядит следующим образом:

рабочая область → Проект → войны → CSS файл

рабочее пространство → проект → изображения → image.png

Я попробовал его, используя относительный путь. Я не уверен, правильно ли я это сделал. Он не работает:

.Bild { 
    background: url(/images/image.png) 
    no-repeat 
    center; 
} 

Im уверенный вы можете помочь мне!

Большое спасибо

Answer 1

Вы должны указать путь к файлу изображения относительно файла CSS Давайте структуры каталогов пример:

workspace/ 
project/ 
    war/ 
     cssfile.css 
    images/ 
     image.png 

Ваш образ относительный путь к файлу CSS будет должны быть

../images/image.png 

.Bild { 
    background: url(../images/image.png) 
    no-repeat 
    center; 
} 

Здесь: .. означает один каталог над текущим каталогом. Вы можете использовать ../../, чтобы перейти в два каталога вверх.

Чтобы выяснить относительный путь, вам необходимо перейти к общей родительской директории, а затем перейти к расположению медиафайла. В этом случае общий родительский каталог находится на одном уровне вверх, поэтому ../ достаточно, а затем спуститесь по структуре каталогов images/image.png.

Answer 2

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

/images/image.png 

означает абсолютное расположение

http://some-host-name/images/image.png 

является то, что, где ваше изображение?