Question

我使用css dropdown菜单和自动滚动条（sagscroller）当我点击lightbox2图库

的图像时，这两个都不会淡出

首先我遇到的问题是图像出现在我的菜单后面，没有任何褪色。我通过将z-index设置为1000（为100）解决了这个问题：

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

但是现在出现了下一个问题....当点击灯箱图库的图像时，下拉菜单和sagscroller都没有消失。我花了整个昨天和今天的一部分在网上寻找答案。尝试了一些我发现的东西：

#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索引。但是要将灯箱放在该叠加层之上，它必须具有比叠加层更高的z索引。

打开图像时，Lightbox不会淡出css下拉菜单和sagscroller

1 个答案: