Question

我有一个网站http://www.jccaspen.com/templates/section_cdo/aid/2644906/jewish/Ski-to-Live.htm，有一个关于我们标签的下拉菜单，但当您将鼠标悬停在下拉时，它会显示在图片滑块< / strong>（如果单击“关于我们”选项卡并将鼠标悬停在菜单上，则可以看到菜单）

我知道问题出在滑块上，特别是图像。我尝试将溢出更改为可见，但它没有任何效果。请帮忙

Answer 1

设置为此课程.bannercontainer z-index:1

.bannercontainer {
    position: relative;
    margin: 0 auto;
    padding: 15px;
    background-color: #000;
    max-width: 1140px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 1; /*Add this */
}

Answer 2

您需要为菜单提供比滑块更高的z-index。它也必须定位才能发挥作用。

添加它，它应该工作：

div#chabad_head .chabad_navigator_bar {
  position: relative;
  z-index: 3;
}

Answer 3

在代码中进行以下更改。它会对你有用。我自己测试了一下。这是 z-index 的问题。

<div class="chabad_menu_content" style="z-index: 10000">
.
.
.
.
</div>

下拉菜单隐藏在滑块后面

3 个答案: