奇怪的CSS问题

Question

我有一个弹出式面板，它在chrome和FF上显示不错，如下所示：

这是一个灰色的iframe，具有这种css风格：

element.style {
z-index: 25000;
opacity: 0.5;
position: absolute;
background-color: black;
border-width: 0px;
top: 0px;
left: 0px;
width: 1366px;
height: 361px;
visibility: visible;
}

包含DIV：

element.style {
position: absolute;
z-index: 25001;
background-color: transparent;
left: 0px;
top: 0px;
width: 1366px;
height: 361px;
}

包含另一个（主要）白色div：

element.style {
width: 400px;
overflow-y: auto;
overflow-x: hidden;
z-index: 25002;
visibility: visible;
position: absolute;
left: 483px;
top: 77px;
}

我不明白为什么在IE 8上带有这些标签的面板也是白色，所以基本上它应该像Chrome一样在后台......：

你有任何线索吗？

我几乎可以肯定问题出现在带有选项卡的面板上而不是弹出窗口上......

带有标签的面板的css为：

element.style {
width: 280px;
height: 500px;
position: relative;
}

更新

Panel选项卡实际上是一个具有上述样式的表。

Ps：不要因为弹出窗口而责怪我。主要由icefaces组件生成。

Answer 1

最后，解决了......

将此样式添加到包含面板标签的div：

position: relative;
z-index:-2;

请注意，我已尝试使用z-index:0或正面但未使用，因此需要使用否定版本...

此解决方案的唯一缺点是，现在，带有面板选项卡的父div不会出现在Firefox上。

Grr ......我真的很讨厌IE。

UPDATE ：我最终使用jQuery放入该div，仅为IE提供负z-index。