導航菜單背景丟失

問題是下面我做了我的菜單 - 在左側的標誌，我幾乎可以肯定代碼完美的作品，因爲當我運行代碼並點擊我的導航菜單應該在的地方是，它的存在，我的意思是一切都在自己的位置和菜單固定....但菜單的背景圖像不會出現所以這裏是我的代碼導航菜單背景丟失

HTML：

</head> 
<body> 
    <div id="header"> 
     <ul> 
      <li><a href="index.html" class="logo"></a></li> 
      <li><a href="index.html" class="home"></a></li> 
      <li><a href="Sugestology.html" class="sugestology"></a></li> 
      <li><a href="TheCreator.html" class="creator"></a></li> 
      <li><a href="InBulgaria.html" class="inbulgaria"></a></li> 
      <li><a href="Contacts.html" class="contacts" ></a></li> 
     </ul> 
    </div>

CSS ：

#header { 
    position: fixed; 
    top: 0; 
    height: 80 px; 
    width:100%; 
    z-index:500; 
} 
#header ul { 
    padding-left: 0; 
    height: 80px; 
} 
#header li { 
    list-style: none; 
    float: left; 
    height: 80px; 
    width: 16.6%; 
} 
#header li a { 
    display: inline-block; 
    width: 100%; 
    height: 80px; 
    background-size: cover; 
} 
ul#header li a.logo {background: url("C:\Users\N\Desktop\Sugestology\nav_01.jpg") no-repeat 0 0} 
ul#header li a.home {background: url("C:\Users\N\Desktop\Sugestology\nav_02.jpg") no-repeat 0 0} 
ul#header li a.sugestology  {background:url("C:\Users\N\Desktop\Sugestology\nav_03.jpg") no-repeat 0 0} 
ul#header li a.creator {background: url("C:\Users\N\Desktop\Sugestology\nav_04.jpg") no-repeat 0 0} 
ul#header li a.inbulgaria {background: url("C:\Users\N\Desktop\Sugestology\nav_05.jpg") no-repeat 0 0} 
ul#header li a.contacts {background: url("C:\Users\N\Desktop\Sugestology\nav_06.jpg") no-repeat 0 0}

我已經嘗試了幾種方法來鏈接圖像，雖然它們在sam文件夾中作爲css文件和html文件））

來源

2014-01-23 Nika

您不需要像這樣的絕對路徑到您的圖像。您的文件夾結構如何，以便我們可以看到圖像與css文件相關的位置？ –

好，就像我說他們在同一個文件夾中，我的意思是沒有圖像文件夾或等等......可能是在這個問題？ – Nika

如果它們位於相同的文件夾中，那麼您只需將該圖像文件稱爲url（「nav_01.jpg」）;等我建議你爲圖像做一個文件夾 –

刪除圖像的絕對路徑。相反，這樣做（假設一切都在同一個文件夾，按您的問題）：

ul#header li a.logo {background: url("nav_01.jpg") no-repeat 0 0} 
ul#header li a.home {background: url("nav_02.jpg") no-repeat 0 0} 
ul#header li a.sugestology {background:url("nav_03.jpg") no-repeat 0 0} 
ul#header li a.creator {background: url("nav_04.jpg") no-repeat 0 0} 
ul#header li a.inbulgaria {background: url("nav_05.jpg") no-repeat 0 0} 
ul#header li a.contacts {background: url("nav_06.jpg") no-repeat 0 0}

我也建議把圖像在一個單獨的文件夾，而不是 - 幫助整理東西了！

更新：

你也在你的CSS使用ul#header，但你沒有UL與「頭」的ID。你在div上只有「header」，所以你需要改變你的CSS在UL上使用不同的ID。或者，更改您的CSS如下：

#header ul li a.logo {background: url("nav_01.jpg") no-repeat 0 0} 
#header ul li a.home {background: url("nav_02.jpg") no-repeat 0 0} 
#header ul li a.sugestology {background:url("nav_03.jpg") no-repeat 0 0} 
#header ul li a.creator {background: url("nav_04.jpg") no-repeat 0 0} 
#header ul li a.inbulgaria {background: url("nav_05.jpg") no-repeat 0 0} 
#header ul li a.contacts {background: url("nav_06.jpg") no-repeat 0 0}

來源

2014-01-23 09:42:34 wickywills

沒有看到任何東西.... – Nika

@尼卡：你有沒有嘗試設置背景顏色，而不是使用圖像？然後會發生什麼？ – wickywills

我只是試過它發生的一樣沒有出現 – Nika

導航菜單背景丟失

回答

相關問題