Html 缺少导航菜单背景

问题是，我用左侧的徽标制作了我的菜单，我几乎可以肯定代码工作得很好，因为当我运行代码并单击导航菜单应该在的位置时，它就在那里，我的意思是一切都在它的位置上，菜单是固定的……但是菜单的背景图像没有出现，所以这是我的代码

HTML:

---

我尝试了几种链接图像的方法，尽管它们作为css文件和html文件位于sam文件夹中）

从图像中删除绝对路径。相反，可以这样做（根据您的问题，假设所有内容都在同一个文件夹中）：

我还建议将图片放在一个单独的文件夹中，这样有助于整理东西

更新：

您还在CSS中使用

ul#header

，但您没有id为“header”的ul。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}

---

你不需要像这样的绝对路径到你的图像。你的文件夹是如何构造的，这样我们就可以看到图像与css文件的关系？就像我说的，它们在同一个文件夹中，我的意思是没有图像文件夹等等…这可能是问题所在？如果它们在同一个文件夹中，你只需要将图像文件作为url（“nav_01.jpg”）引用即可；等等，我建议你为图片制作一个文件夹however@Nika：您是否尝试过设置背景颜色而不是使用图像？那么会发生什么呢？@Nika：请看最新的答案。你的UL和DIV上的ID搞错了，所以我也得给UL取个名字？但事实上，如果没有ul，它是不起作用的……你能给我看看吗？@Nika:我已经在我的答案中添加了CSS，你需要修改。你不必给UL命名，只需像我在回答中所做的那样，使用

#header UL li a…….等

@Nika:很高兴听到-如果答案对你有帮助，你能将其标记为已接受吗？：）

#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}

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}

#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}