html - 未应用 Z 索引

Question

我试图让一个从我的页面顶部下拉的滑块来浏览我的菜单，但不能。

我已经应用了一个位置：相对于它们，并试图将菜单的 z-index 设置为 0 或 -10，但我有滑块到 z-index: 10000 和它也位置：相对但它仍然落后菜单。

该页面位于http://www.tassolarpanels.com.au/，相关滑块是屏幕右上角的蓝色“获取快速报价”按钮。正如您在按下它时会看到的那样 - 它位于我的菜单后面。

如果有人对我做错了什么有任何想法，我将非常感谢您的帮助！

Answer 1

您需要确保父元素，在这种情况下，#sliding-panel-container应用了正确的 z-index，但它目前没有 - 它被列为z-index: 1这就是为什么它显示在列为 的导航后面的原因z-index: 2。

尝试这个：

#sliding-panel-container {
    ... /* Whatever your other CSS is here */
    z-index: 3;
}

Answer 2

添加到您的.site班级：

position: relative;
z-index: 0;

Answer 3

#sliding-panel-container {
    display: table;
    position: relative;
    width: 100%;
    z-index: 9999;
}