在PrimeFaces IE8下拉菜單錯誤

我有一個網站primefaces，其中有一個下拉菜單在導航。在Chrome，FF等中運行良好，但在IE（IE8測試版）中，下拉菜單在內容下展開。在PrimeFaces IE8下拉菜單錯誤

Screenshot from the buggy Dropdown Menu
綠色：導航
藍：內容
紅：下拉菜單

我怎麼能修復這個bug？它必須在IE8中工作！

我已經試過了：
在navigation.css中加了下面的語句。

.ui-menu .ui-menu-parent .ui-menu-child{ 
    z-index:100; 
}

來源

2013-05-17 Michael Schmidt

恐怕解決方案取決於你的html結構。綠色和藍色元素在同一層次上嗎？

嘗試在綠色元素上增加z-index。此外，如果可以嘗試給綠色元素position:relative;

來源

2013-05-23 07:57:19

謝謝！爲什麼它在我添加位置時起作用：相對？不能理解這一點。但是謝謝你！ –

你會在22個小時內得到賞金;-) –

呵呵，我真的不能給你100％的答案，因爲我只知道從我自己的經驗，但我相信紅色元素繼承了父母（綠色）的z-index，。由於藍色元素比綠色元素更接近元素流，因此它具有更大的默認Z-索引。問題在於紅色元素不能接受相對於藍色元素更大的z-index，因爲它不在同一級別。當你添加位置：相對;對於與藍色元素處於同一水平的其父元素，它甚至對藍色元素繼承了相同的相對z-索引。 – 2013-05-23 08:29:54

在PrimeFaces IE8下拉菜單錯誤

回答

相關問題