html - Bootstrap 下拉列表在页面内容后面部分被阻止

Question

我以两种方式更改了我的 Bootstrap 下拉菜单:

• 下拉菜单在悬停时出现，而不是在点击时出现
• 下拉的 li 仍然是一个可点击的链接

下拉功能正常工作，但是当您将鼠标放在下拉列表的 li 上时，当您到达第二个或第三个元素时，下拉列表会消失。据我所知，无论其下方页面上的内容如何，​​都会发生这种情况。

我不确定问题出在哪里，因为我检查了 z-index 的所有 CSS 实例。

您可以实时查看下拉问题 here当您将鼠标悬停在“工具”的菜单项上时。我会在这里粘贴 HTML 和/或 CSS，但我真的不确定问题出在哪里，所以我会提供大量代码和/或猜测....

Answer 1

希望对你有帮助

替换下面的css

* {
    font-family: "Raleway", sans-serif;
    color: #333232;
    position: relative;
    z-index: 10;
}

与

* {
    font-family: "Raleway", sans-serif;
    color: #333232;
    position: relative;
}

只需删除所有元素的 z-index，我认为您已经为单个元素设置了 z-index。然后无需为所有元素设置。