燈箱不會淡出時，圖像被打開

Question

我使用css dropdown菜單和自動滾動（sagscroller） 這兩不會淡出，當我點擊我的lightbox2畫廊的形象CSS下拉菜單，sagscroller

首先，我遇到了問題，圖片出現在我的菜單後面，並沒有消失。我解決這個問題與設置的z-index到1000（100）：

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

但現在的一個問題arised ....兩個下拉菜單，sagscroller didnt褪色被點擊燈箱畫廊的圖像時。 我花了所有昨天和今天的一部分在網上尋找答案。 嘗試了一些東西，我發現像放置：

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

在CSS

。但沒有效果。

我發現了一種溶劑，我可能需要將庫從deliscious改爲jquery，所以我下載了一個新版本的lightbox，並使用該....沒有變化。

我在這個頁面上找到了一個解決方案。將z-index改爲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和燈箱....只有其他事情的褪色不會發生。 有人可以幫助我嗎？ 我向所有解決方案開放。我只希望他們不要求我改變我的菜單壽... 但如果一切都失敗....

非常感謝！

PS：我用lightbox2但想不出後超過2個鏈接，因爲我是新用戶

Answer 1

您還可以提高覆蓋的z-index的。

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

覆蓋層是使其他元素褪色的層。這個覆蓋圖必須具有更高的z-index，然後其他覆蓋圖。但要在該覆蓋圖上添加燈箱，它必須具有比覆蓋圖更高的z-index。