2013-05-11 32 views
1

創建一個整個頁面的背景,希望下面的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似乎一旦添加背景就會消失。有沒有辦法將導航欄放在背景之前?

謝謝!

回答

0

您應該看看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

+0

呀,它看起來像這就是我需要採取的路徑。謝謝你的幫助! – user2373187 2013-05-11 17:25:47

+0

如果這個答案適合你,你應該將其標記爲已回答 – kelunik 2013-05-11 17:32:44