菜单下拉是细分市场

Question

我开始使用语义用户界面，我很难解决一个似乎不是z-index问题的问题。

由于某种原因，菜单中的下拉列表始终位于细分市场后面。我一直在使用：

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

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

我创造了一个小提琴来更好地解释这个问题： 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）不透明度创建一个新的堆栈框架 2）永远不要在CSS中使用！important ，如果出现一些错误，那么调试真的很难。