이미지를 navbar 위에 올리는 방법?

Question

이 책을 온라인으로 navbar 위에 올려 놓는 방법? CSS가 필요합니다. https://www.dropbox.com/s/md2teu0ol82o23x/Website.psd

<div class="navbar-inner"> 
    <ul class="nav"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">About Us</a></li> 
    <li><a href="#">Our Fleet</a></li> 
    <li><a href="#">Booking</a></li> 
    <li><a href="#">Contact Us</a></li> 
    <li><a href="#" id="book_online"></a></li> 
    </ul> 
</div> 
.navbar .nav > li > #book_online { 
background: url(../blabor2.jpg) no-repeat; 
width: 183px; 
height: 64px; 
text-indent: -99999px; 
position: absolute; 
} 

Answer 1

이 매우 작은 "CSS"코드와 난 단지 당신은 리튬을 기준으로 할 것이다 절대 #book_position을 정의해야

a .navbar .nav > li > #book_online { 
    display: block; /* this is new */ 
    background: url(../blabor2.jpg) no-repeat; 
    width: 183px; 
    height: 64px; 
    text-indent: -99999px; 
    /*position: absolute;*//* may be you don't need this */ 
} 

Answer 2

을 추측 할 수있다. 이 문제를 해결할 수
희망 ...

.nav>li{ 
    position:relative; 
    } 

#book_online{ 
     position:absolute; 
     z-index:10; 
    display:block; 
    background: url(../blabor2.jpg) no-repeat; 
    width: 183px; 
    height: 64px; 
     }