Ведение Navbar с полной фон страницы

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%; 
} 

Я также следующее Navbar в 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-тег для фона изображений вместо этого вы должны использовать фоновое изображение: URL (...) в CSS: http://www.w3schools.com/css/css_background.asp