Internet explorer IE8中带有PrimeFaces的下拉菜单错误

Internet explorer IE8中带有PrimeFaces的下拉菜单错误,internet-explorer,internet-explorer-8,primefaces,Internet Explorer,Internet Explorer 8,Primefaces,我有一个带有primefaces的网站,它在导航栏中有一个下拉菜单。在Chrome、FF等中,它工作得很好,但在IE(使用IE8的testet)中,下拉菜单在内容下展开 绿色:导航 蓝色:内容 红色:下拉菜单 如何修复此错误?它必须在IE8中工作 我已经尝试过的: 在navigation.css中添加了以下语句 .ui-menu .ui-menu-parent .ui-menu-child{ z-index:100; } 恐怕这个解决方案取决于您的html结构。绿色和蓝色元素在同一级别

我有一个带有primefaces的网站,它在导航栏中有一个下拉菜单。在Chrome、FF等中,它工作得很好,但在IE(使用IE8的testet)中,下拉菜单在内容下展开


绿色:导航
蓝色:内容
红色:下拉菜单

如何修复此错误?它必须在IE8中工作

我已经尝试过的:
navigation.css
中添加了以下语句

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

恐怕这个解决方案取决于您的html结构。绿色和蓝色元素在同一级别上吗

尝试在绿色元素上增加z索引。
如果可能的话,尝试给出绿色元素
位置:relative

谢谢!为什么我添加position:relative时它会起作用?我不明白。但是谢谢你!!你将在22小时内得到赏金;-)嗯,我真的不能给你一个100%的答案,因为我只知道从我自己的经验,但我相信红色元素继承了它的父母z指数(绿色)。因为蓝色元素在元素流中比绿色元素更深入,所以它有更大的默认z索引。问题是红色元素相对于蓝色元素无法获得更大的z指数,因为它不在同一水平。添加位置时:相对;对于与蓝色元素处于同一级别的父元素,它继承了与蓝色元素相同的相对z指数。哈哈,好吧。:)很好的猜测:P但它有效,唯一重要的是:)