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

StackOverflow https://stackoverflow.com/questions/2367063

  •  23-09-2019
  •  | 
  •  

Вопрос

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

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

Или

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

или

Б) Мой путь неправильный.

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

alt text

И вот мой 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; 
}

Уверяю вас, образ физически ЕСТЬ на моем диске, но, думаю, путь неверный.

Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top