灯箱不会淡出时，图像被打开

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。