菜单下拉列表在段后面

Question

我已经开始使用语义 UI，我正在努力解决一个似乎不是 z-index 问题的问题。

出于某种原因，菜单中的下拉列表始终位于该段之后。我解决了使用：

.go-behind {
    position: relative !important;
    z-index: -1 !important;
}

但现在的问题是我无法点击链接。

我创建了一个 fiddle 来更好地解释这个问题： https://jsfiddle.net/bruno911/L1mfrd4f/1/

Answer 1

将您的 CSS 代码更改为：

/*Override*/
.ui.menu {
    opacity: 1;
  z-index: 1;
}

.go-behind {
        position: relative !important;
        //z-index: -1 !important;
}

注意事项
1) Opacity 创建一个新的堆栈框架。
2) 永远不要在CSS中使用!important，如果出现bug，调试起来会非常困难。