Как я могу использовать CSS, чтобы установить в качестве <li>фона, если я использую Zend Framework?

Question

Все остальное работает на 100%, поэтому я на 100% уверен, что ошибка заключается в пути к файлу, который я использую для изображения.

Изображение не загружается.

Либо

A) Мне нужно, чтобы файл появился в рабочем пространстве Zend, как мне это сделать.

или

B) Мой путь неверен.

Вот моя иерархия файлов:

А вот мой код CSS:

#nav-menu li{
    float: left;
    margin: 0 0.15em;
} 

#nav-menu li a:HOVER{
    background-color: yellow;
}

#nav-menu li a{
    background: url(./img/buttonbackground.jpg) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center; 
} 

Уверяю вас, изображение физически присутствует на моем диске, но путь неверен, я думаю.

Answer 1

Относительный путь должен быть относительно файла CSS, если код, который вы разместили, находится в этой папке CSS, вам нужно:

background: url(../img/buttonbackground.jpg) #fff bottom left repeat-x;

Answer 2

Ведущий . создает URL-адрес изображения относительно URL-адреса html-файла. Удаление . сделает путь к хосту абсолютным.

Стоит отметить, что Zend Framework использует переписывание URL для маршрутизации всех URL, которые не отображаются в файл, на index.php.

Answer 3

У меня тоже было это, но я не могу вспомнить, что я сделал, чтобы это исправить.

Попробуйте найти значок, изображающий маленький треугольник, направленный вниз (вверху браузера файлов). Это самый правый значок с всплывающей подсказкой «Меню просмотра». Нажмите на нее и выберите Фильтры. Проверьте, существует ли фильтр, который может сделать файл невидимым. Если это не поможет, попробуйте поменять точку зрения. Также попробуйте щелкнуть правой кнопкой мыши по папке и выбрать «Обновить».

Вы также можете попытаться скопировать файл из физического местоположения, щелкнув правой кнопкой мыши и скопировав его в папку img через Zend Studio / Eclipse, чтобы убедиться, что вы действительно поместили его туда.

Если я неправильно понял вопрос и речь идет только о файле, который не отображается в веб-браузере, игнорируйте вышеприведенное и удалите . (но не /) из пути к файлу в файле CSS, чтобы сделать его относительно WebRoot.