当IE展开隐藏内容时，绝对z索引问题

我有块（div）位置的问题。我是CSS新手，请帮助我。当IE展开隐藏内容时，绝对z索引问题

我有这样的代码：http://jsfiddle.net/9rEmt/（请看看那里）在IE浏览器在线查看。

如果我把absoulte在定位时，会出现问题：（请选择兼容模式，如果你有IE的新版本）

enter image description here

，而不是（不兼容模式，只需简单地在IE9）：

enter image description here

问题出在哪里？如何解决这个问题？

非常感谢

2012-03-20 Snake Eyes

好奇侧面说明：如果你检查框，然后取消它会正确显示。也许一个问题从显示：隐藏到显示：块在IE中？ – Snuffleupagus 2012-03-20 16:25:54

其他建议？ – 2012-03-21 08:29:44

在IE到一个元件相对于另一个元件的父元素需要到E自身定位的定位。

尝试添加到您的样式表：

#item { 
    position: relative; 
    top: 0px; 
    left: 0px; 
}

此外，移动items DIV到item DIV使items能够相对于定位到item。

2012-03-20 16:15:44

你测试了你上面写的是什么吗？将无法工作。我必须“相对”#items不是#item。 #items是隐藏的，它必须位于Select文本下。此外，如果我点击该框，隐藏的元素将变得可见，下面的文本将向下移动。 – 2012-03-21 06:14:30

我以为你必须'绝对'＃项目。如果是这样，你不能在包含div的绝对东西，如果包含div没有定位。这就是为什么你会放置#items #item，相对位置#item，那么#items的绝对定位将在#item div内生效。 – 2012-03-21 14:31:38

这是我在想什么：http://jsfiddle.net/U92jm/你显然必须调整你的风格，让它看起来像你想要的样子。 – 2012-03-21 14:37:06

回答