Как установить фоновое изображение на панели навигации?

Question

Я пытаюсь создать панель навигации с фоновым изображением, включая ul и li в качестве ссылок, но не удалось.

У меня нет ошибки пути, так как у меня есть другие img элементы, которые правильно отображаются.Часть html - это просто ul и li элементы внутри области навигации.

css:

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

Я искал в Интернете решения, но не нашел ни одногоэто работает.Я пробовал положение, размер и повтор.

Редактировать: Я сделал меню ul и li встроенными, чтобы они соответствовали высоте 40px.

Answer 1

Вам нужно удалить height из правила, которое определяет фоновое изображение.

Так что-то вроде

#main_menu {background-image:url(resources/images/navbar.png); height:40px;}

Прямо сейчас у вас есть смешанный путь к файлу,который не закрыт, потому что отсутствует скобка.

Answer 2

Вам не хватает закрывающей скобки в конце пути к изображению, должно быть:

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

Возможно, вы также захотите установить свойства background-repeat и background-position в стиле background...

РЕДАКТИРОВАТЬ Позиции вашего списка перемещены?Если это так, их необходимо очистить, иначе контейнер рухнет, что приведет к тому, что фоновое изображение не будет отображаться