0

Twitter Bootstrap navbar と VisualLightBox.com のスライドショーで、この問題 (画像に表示) が発生しています。

これは私のnavbarのコードです:

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

スライドショー コンテナに 10000 の z-index を与えようとしましたが、うまくいきませんでした。何か不足していますか?

どうもありがとう!

ナビゲーションバーの後ろに隠れたスライドショー

4

1 に答える 1

1

ほとんどの場合、ナビゲーション バーはライトボックスよりも高い z-index を持っています。ライトボックスの z-index を増やして、問題が解決するかどうかを確認します。

例えば:

#vlightbox1 {
  z-index: 9999;
}
于 2013-10-25T08:00:02.283 に答える