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-tag并不常见，而应该在css中使用background-image：url（...）：http://www.w3schools.com/css/css_background.asp

使用整页背景维护导航栏

1 个答案: