通过包含元素

Question

我有一个超过其包含元素高度的下拉列表。当我鼠标移过包含元素高度时，下拉菜单关闭。有谁知道我怎么可以尝试解决这个问题？

http://dronework.com.au/

在悬停之前这是ul的课程......

.wpjb-filters .wpjb-sub-filters {
display: none;
background: #9ecf32;
top: -18px;
position: relative;
z-index: 14;
padding-top: 2em !important;
padding-bottom: 1em !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;

悬停......

@media (min-device-width: 1024px){
.wpjb-filters .wpjb-top-filter:hover .wpjb-sub-filters {
    display: block;
}

问题是当你绕过这一点时......

提前感谢您的帮助。

Answer 1

我发现这些<div>与您指定位置的菜单列表重叠。

<div class="et_pb_fullwidth_header_overlay"></div>

<div class="et_pb_fullwidth_header_scroll"></div>

所以我只是将他们的z-index改为负值，看起来很有效。

.et_pb_fullwidth_header_overlay{
    z-index: -3;
}

.et_pb_fullwidth_header_scroll{
   z-index: -2;
}