Не могу получить фоновое изображение: URL для работы - PullRequest
Новая
       13

Не могу получить фоновое изображение: URL для работы

1 голос
/ 17 октября 2011

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

Я пытался добавить варианты ... 

display:block;
background-position:top left;
clear:both;
list-style-image:url

... из различных поисков Google.Я довольно плохо знаком с HTML / CSS, поэтому я был бы признателен за любую помощь или совет, который я могу получить.Для справки, вот некоторые HTML / CSS, с которыми я работаю.

HTML 

<div id="wrapper">
<div id="navigation">
<ul class="menu">
<li><a href="#">Forum</a></li>
<li><a href="#">Bookmarks</a></li>
<li><a href="#">Top 100</a></li>
<li><a href="#">Browse</a></li>
<li><a href="/">Home</a></li>
</ul>
</div>

CSS 

#navigation .menu {
background-image:url ('images/gradient_nav.png');
border-top-style:solid;
border-top-color:#DDD;
border-bottom:2px solid #ddd;
border-top-width:2px;
height:50px;
margin-top:-5px;
clear:both;
}

Я использую xampp для работы на моей локальной машинеМоя структура папок: 

htdocs\index.php
htdocs\css\style.css
htdocs\images\

Заранее спасибо!

1 Ответ

5 голосов
/ 17 октября 2011

URL должен быть реальным для файла css, а не для файла, в который включен css.вы не предоставили информацию о структуре папок, но, возможно, это так: 

index.html
images/gradient_nav.png
css/stylesheet.css

это так, URL должен быть ../images/gradient_nav.png - в результате это: 

#navigation .menu {
  background-image:url ('../images/gradient_nav.png');
  border-top-style:solid;
  border-top-color:#DDD;
  border-bottom:2px solid #ddd;
  border-top-width:2px;
  height:50px;
  margin-top:-5px;
  clear:both;
}
...