在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下拉菜单错误

回答

相关问题