Question

该下拉菜单不适用于移动视图。当我单击服务时，该子菜单不起作用，并且任何链接均不起作用。谁能帮我吗？

请在此处找到该网站的链接：https://srikaliastrologer.com

找到我在这里看到的屏幕截图：http://prntscr.com/ng2tj8

Answer 1

此问题是由于该下拉列表中的'dropdown-backdrop'元素引起的。保留该元素有什么具体原因吗？

该元素的位置固定且z-index较高，这是导致此问题的主要原因。

Answer 2

在媒体查询的下一类中，从position: static; to position: relative;更改css，使其可以单击。

当您单击子菜单时，由于静态位置和z-index不适用并重定向，因此它将单击父级，因此更改相对位置

Z索引仅适用于定位的元素。定位元素是位置值设置为绝对，固定，相对的或粘的。也就是说，必须将元素设置为任何静态以外的位置值，这是默认位置值。

@media (max-width: 979px){
{
.nav-collapse .dropdown-menu {
    position: relative;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
}

导航下拉菜单在移动视图中不起作用

2 个答案: