即使设置为最大限制，Z-Index 也不起作用答案

【问题标题】：Z-Index is not working even if set to maximum limit即使设置为最大限制，Z-Index 也不起作用
【发布时间】：2015-02-27 08:12:14
【问题描述】：

如果您可以滚动到页面末尾的正上方，则会出现一个红色按钮“配置”，它会创建一个隐藏在 div 后面的灯箱弹出窗口。即使它具有更大的 z-index，我也无法将这个弹出窗口带到它上面。在 360 度可旋转汽车下方还有另一个“配置”按钮，工作正常。

我是否遗漏了一些明显的东西

【问题讨论】：

灯箱定位是绝对的、静态的还是相对的？另外，父z-index是什么？子元素的 z-index 永远不能高于其父元素，因为 z-index 的范围是父元素。它不是全球性的。我建议阅读：philipwalton.com/articles/what-no-one-told-you-about-z-index.
灯箱已修复。我没有将任何特定的 z-index 设置为父级。让我检查一下链接。谢谢
Z-index 非常讨厌。 ;)
这不是完整的答案，但我认为我可以帮助获得第二个配置按钮情况下的解决方案，弹出 div 与@class= mainLayer 可视化配置器是显示：无。我认为需要阻止，但问题是覆盖下的弹出 div（无法弄清楚从哪里来）正在显示。我认为，如果您能够找出该 div 的原因，那么它将解决您的问题。谢谢

标签： html css

【解决方案1】：

希望对你有帮助

.lightBoxOverlay{
 z-index : 10001  //Change this to 0
}

对我来说，更改将在product.css:13172

我认为具有黑色叠加效果的 div 的z-index 大于您的弹出 div，这就是它显示在后面的原因。

有任何问题欢迎提问

更新 1

问题不在于z-index 实际上你的弹出 div 没有得到display:block 在单击配置按钮后它仍然是display:none 你能看看导致display:none 的代码吗或block 到您的弹出窗口。

【讨论】：

【解决方案2】：

类 'slick-list draggable' 的 z-index 应该大于灯箱包装器。

【讨论】：