2011-06-22 19 views
0

が、私はこれらの両方がフェードアウトしませんcss dropdownメニューと自動スクロール(sagscroller) を使用して開かれたCSSのドロップダウンメニューとsagscrollerをフェードアウトしないライトボックスは、画像は私lightbox2ギャラリーの画像をクリックすると

最初に、私のメニューの後ろにイメージが現れ、何も退色しないという問題がありました。私は1000年にZインデックスを設定することで、その問題に取り組んだ(100だった):

#lightbox{ 
    position: absolute; 
    left: 0; 
    width: 100%; 
    z-index: 1000; 
    text-align: center; 
    line-height: 0; 
} 

しかし、今、次の問題がarised ....両方のドロップダウンメニューとsagscrollerがフェードdidntのライトボックスギャラリーの画像がクリックされたとき、 。 私は昨日すべてを過ごし、今日はネットで回答を探しています。 は置くように私が見つけたいくつかのことをしようとしました:CSSの

#overlay { width: 100%; 
height:1000px !important; } 

。しかし効果はありません。

は、私はライトボックスの新しいバージョンをダウンロードし、その....何の変化も使用しないので、私はjQueryのにライブラリのdelisciousからの変更が必要になる場合がありますsollutionを見つけました。

私はこのページで解決策を見つけました。 Zインデックスを5000に変更するには

#lightbox { 
    left:0; 
    line-height:0; 
    position:absolute; 
    text-align:center; 
    width:100%; 
    z-index:5000; /* move the lightbox above all other elements */ 
} 

まだ変更はありません。 すべてがうまくいきます!メニュー、sagscrollerとライトボックス....のみ他のものの退色は起こりません。 誰かがこれを手伝ってくれますか? 私はすべてのsollutionsに開放されています。私は、彼らが私のメニューカントー... しかしを変更するために私に尋ねないことを望む他のすべてが失敗した場合....

感謝万人!

PS:私はlightbox2を使用しますが、私は、新しいユーザー

答えて

0

午前原因あなたはまた、オーバーレイのZインデックスを調達する必要があり、ポスト以上2以下のリンクをcouldntの。

#overlay { z-index:9998; } 
#lightbox { z-index:9999; } 

オーバーレイは、他の要素をフェードさせるレイヤーです。このオーバーレイは、他のものよりも高いz-インデックスを持たなければならない。しかし、そのオーバーレイの上にライトボックスを置くためには、オーバーレイよりもさらに高いz-インデックスを持たなければなりません。

+0

ありがとうございます! ここに投稿した後、私はそのオーバーレイとあなたの権利(ofcourse)で逃げました!すでに回答があったのを見たときに自分の回答を投稿していました(あなたのもの)。あなたの素早く答えてくれてありがとう! –

関連する問題