background - 维护具有整页背景的导航栏

Question

我在 CSS 中添加了以下内容，希望创建一个完整的页面背景：

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

我在 HTML 中也有以下导航栏：

<ul class="nav nav-pills">
   <li class="active">
     <a href="home.html">Home</a>
   </li>
   <li><a href="page1.html">...</a></li>
   <li><a href="page2.html">...</a></li>
   <li><a href="page3.html">...</a></li>
</ul>

添加背景后，导航栏似乎消失了。有没有办法将导航栏放在背景前面？

谢谢！

Answer 1

你应该看看http://www.w3.org/wiki/CSS/Properties/z-index '#bg' 可能有一个 -1 作为 z-index，所以它是不可点击的。

将 img-tags 用于背景图像并不常见，您应该在 css 中使用 background-image: url(...)：http: //www.w3schools.com/css/css_background.asp