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

Question

У меня следующая структура каталогов

http://img853.imageshack.us/img853/7092/96816871.jpg

Мой CSS пытается использовать изображение в качестве фона

#search-text {
width: 213px;
height: 28px;
padding: 6px 0 0 7px;
border: none;
background: url(../images/img02.jpg) no-repeat left top;
color: #000000;

}

и он не работает, в то время как другие части CSS работают нормально.

Firebug показывает, что приложение пытается получить доступ к изображению по URL _ http://localhost:8080/images/img02.jpg и получает ошибку 404

Когда я пытаюсь получить доступ к изображению напрямую, я также получаю эту ошибку. Тоже попробовал _ http://localhost:8080/paygate/images/img02.jpg _ http://localhost:8080/paygate/resources/images/img02.jpg ... и эта ошибка не перестает следовать за мной.

Когда я изменил свой CSS-файл на следующий

background: url(images/img02.jpg) no-repeat left top;

предупреждение появилось в журнале веб-сервера:

WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/paygate/images/img02.jpg] in DispatcherServlet with name 'appServlet'

и Firebug показал ошибку 404 для URL _ http://localhost:8080/paygate/images/img02.jpg

Как мне организовать структуру каталогов или что нужно сделать, чтобы мои изображения были доступны. Спасибо'S!

P.S. Я использую сервер springsource tc в качестве веб-сервера.

Answer 1

Статические ресурсы должны обслуживаться сервлетом контейнера по умолчанию.Однако всякий раз, когда вы сопоставляете любой сервлет с шаблоном URL-адреса / или /* в своем веб-приложении, сервлет по умолчанию будет полностью переопределен.Вы не хотите иметь это.Сопоставьте сервлет-диспетчер Spring с более конкретным шаблоном URL, например, /app/* или *.html или любым другим.Если вы не хотите вносить изменения в URL-адрес, вам нужно поместить статические ресурсы в фиксированную папку, например /static, и создать Filter, который будет перенаправлять нестатические ресурсы сервлету диспетчера Spring.

См. Также:

• Как получить доступ к статическим ресурсам при отображении сервлета глобального фронт-контроллера на / * - Содержит пример кода

Answer 2

Согласно вашей структуре проекта, файл .css и папка с изображениями находятся на одном уровне, поэтому:

background: url(images/img02.jpg) no-repeat left top;

будет работать.