保持与整个页面的背景导航栏

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> 

的navbar似乎一旦添加背景就会消失。有没有办法将导航栏放在背景之前？

谢谢！

Answer 1

您应该看看http://www.w3.org/wiki/CSS/Properties/z-index '#bg'可能有-1作为z-index，因此它不可点击。

这不是通常使用IMG标签的背景图像，而不是你应该使用的background-image：在CSS的url（...）：http://www.w3schools.com/css/css_background.asp