2016-02-20 72 views
2

我已經開始使用語義用戶界面,並且我正在努力解決似乎不是z索引問題的問題。Menu Dropdown is segment behind segment

由於某些原因,菜單中的下拉菜單始終位於該段後面。我曾使用過:

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

但現在的問題是我無法點擊鏈接。

我創建了一個小提琴來解釋這個問題更好: https://jsfiddle.net/bruno911/L1mfrd4f/1/

+0

這些小問題讓我相信Semantic UI還沒有準備好用於黃金時段。作者似乎並不關心這類問題。 – pbarney

+0

我已經嘗試了很多前端,並且我相信語義ui是最好的框架,如果您在源代碼中閱讀,它是完美的代碼。 – peterpeterson

回答

1

改變你的CSS代碼:

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

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

需要注意的幾點
1)不透明度創建一個新的重新建立了新幀。
2)不要在CSS中使用!重要,如果出現一些錯誤,調試真的很難。

+0

很棒的地方!我需要不透明度0.8,所以我刪除它,並添加一個不透明度爲0.8的背景圖像。謝謝。 – peterpeterson

相關問題