CSS - UL Background Not Working

По какой-то причине, когда я пытаюсь установить фон UL, фон не работает. Он работает на моем фоне, но он не работает для UL.CSS - UL Background Not Working

Я знаю, что мое изображение правильно названо. Я проверил четыре раза. Вот мой код:

HTML

<html> 
    <head> 
     <title>Header</title> 

     <link rel="stylesheet" type="text/css" href="css/Style.css" /> 
    </head> 

    <body> 

     <div id="page-wrap"> 

      <ul id="nav"> 
       <li><a href="#">Link1</a></li> 
      </ul> 

      <p>Main</p> 

     </div> 

    </body> 
</html>

CSS

body 
{ 
    background-image: url('../Images/body-background.jpg'); 
} 

#page-wrap 
{ 
    width:1040px; 
    margin: 0 auto; 
} 

ul#nav 
{ 
    margin: 0 auto; 
    width: 1040px; height: 185px; 
    background-image: url('../Images/header-logo.jpg'); 
    background-repeat: no-repeat; 
}

Из того, что он, кажется, сам UL не работает с <a> тега. Без него появляется «Link1». С ним, хотя ничего не появляется. В любом случае фон не отображается.

Спасибо! alt text

источник

2011-01-21 Johnrad

В каком браузере вы тестируете? Какие-нибудь скриншоты? – BoltClock

Я тестирую в Mozilla, и я опубликовал сериал. Также я пишу это в Notepadd ++, если это что-то значит. – Johnrad

Я пробовал это в IE 6,7,8, Chrome и Firefox. Он работает в каждом случае. Вы уверены, что ваше изображение находится в этой папке с именем header-logo.jpg? – samiz

http://jsfiddle.net/Z7MzE/2/

Похоже, что это работает для меня.

Quintuple проверьте это изображение для меня.

источник

2011-01-21 02:35:25 keybored

У меня ... Я даже скопировал и вложил всю папку. Но он все еще не работает. – Johnrad

Вы в Mozilla? Щелкните правой кнопкой мыши страницу, щелкните источник изображения, найдите свое изображение в источнике, щелкните левой кнопкой мыши по этой ссылке, сообщите нам, что произойдет. – keybored

И вы знаете, похоже, что ваш основной фон работает, поэтому я сомневаюсь, что это проблема, но вы можете посмотреть и посмотреть, подключен ли ваш файл css или, возможно, попробуйте очистить кеш. Для меня это не имеет смысла, но я думаю, что здесь было продемонстрировано, что ваш код должен работать, теперь пришло время выяснить, почему это не так. Вы также можете попробовать другое изображение, дать один из двух, которые я использовал в своей скрипке, так как мы знаем, что они работают. – keybored

-2

* Да, я в идиотом. Он должен работать нормально, но я бы не стал доверять именам имен, также проверяющим капитализацию.

источник

2011-01-21 02:19:10 Cole

Почему это имеет значение? – BoltClock

http://www.w3schools.com/css/css_background.asp – keybored

Я нашел решение. Обратите внимание, что в моем случае даже размещение фонового изображения на элементе-оболочке было скрыто ul по какой-то необъяснимой причине.

РЕШЕНИЕ:

ul{} 
ul{background:url('image.jpg');}

Не спрашивайте меня, почему это работает, но это делает. И он работает для ЛЮБОГО элемента, с которым у вас возникла эта проблема, потому что для меня это было несколько раз.

источник

2012-08-09 23:47:01

CSS - UL Background Not Working

ответ

Смежные вопросы