Html 不透明度属性和下拉菜单

/*此处段落*/

我以前也有过同样的问题。我不知道实际原因，但当您在包含菜单的div上定义opacity属性时，z-index不起作用

---

删除不透明度并尝试z索引，不确定是否需要将

边距顶部添加到主区域

.mainArea{
    margin-top:10px; // choose whatever value suits you.
}

另外，删除z索引和不透明度，因为它们与问题无关。
是的，谢谢！我试过了，但在我的情况下似乎不起作用。这可能会对你有所帮助。谢谢你的帮助它工作了，但是，我想知道有没有什么办法可以让“mainArea”位于导航栏后面，因为它似乎位于导航栏的顶部，所以我不能将鼠标悬停在它后面的元素上。只要增加边距顶部的值，它就会下降。为什么要将其移到后面？因为我想要的设计与上面的第一张图片类似，我更改了“不透明度”属性以能够看到背景，但它覆盖了下拉菜单并导致了我的问题。我的问题最终通过在背景色中使用rgba（）而不是使用“不透明度”得到了解决。在我的例子中，改变元素的不透明属性似乎会改变堆叠顺序。