Navbar顯示在Twitter上的彈出窗口Bootstrap

Question

我有這個問題（圖中顯示）與Twitter Bootstrap導航欄和從VisualLightBox.com幻燈片。

這是我的導航欄的代碼：

<div class="collapse navbar-collapse navbar-ex1-collapse" id="mainNavbar"> 
    <ul class="nav navbar-nav"> 
     [...] 
    </ul> 
</div> 

的幻燈片的HTML是非常簡單的：

<div id="vlightbox1"> 
    [...] 
</div> 

的CSS：

#vlightbox1 { 
    width:50%; 
    zoom:1; 
} 
#vlightbox1 .vlightbox1 { 
    display:-moz-inline-stack; 
    display:inline-block; 
    zoom:1; 
    *display:inline; 
    position:relative; 
    vertical-align:top; 
    margin:3px; 
    width:160px; 
    font-family:Trebuchet,Tahoma,Arial,sans-serif; 
    font-size:11px; 
    font-weight:normal; 
    text-decoration:none; 
    text-align:center; 
    opacity:0.87; 
    outline:none; 
} 
#vlightbox1 .vlightbox1 a{ 
    margin:0; 
} 
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{ 
    text-decoration:underline; 
    opacity:1; 
} 
#vlightbox1 .vlightbox1 img{ 
    display:block; 
    border:none; 
    margin:0; 
} 
#vlightbox1 .vlightbox1 div {display:none} 

我都試過給人一種沒有運氣的幻燈片容器的z-index爲10000。我錯過了什麼嗎？

非常感謝！

Answer 1

導航欄最有可能具有更高的z-index比燈箱。增加燈箱上的z-index，看它是否解決了你的問題。

例如：

#vlightbox1 { 
    z-index: 9999; 
}