IE-7 Z索引问题

Question

http://www.mimi.clickedsolutions.com/

在上面的站点中，当在标题下拉框右转到标题搜索框中选择选项时，在IE-7中，选项位于标题图像或徽标的后面，我认为这是Z索引问题，我一次又一次地面临这个问题，但没有得到任何有效的解决方案，请给我建议解决方案

Answer 1

我在渡轮上用手机打这个，所以我不能测试你的链接，但是...

在所有浏览器中，z-index都是相对于最近的堆栈上下文。在FF、Chrome、IE8中，堆叠上下文通常是通过定位(相对或绝对)和z索引创建的。在IE7中，只需定位即可创建堆叠上下文。

这意味着在IE7中，z索引只应用于设置了任何position属性的最近父级。

要使所有浏览器的行为都像索引一样，为了保持理智，将“z- IE7 : 1”添加到位置也设置为“相对”或“绝对”的任何元素中。

Answer 2

此错误的背景信息：IE7 Z-Index issue - Context Menu

一个专门针对您的案例的解决方案，以及您目前拥有页面的确切方式：

• On #header-bar，add z-index: 9999 (或者其他任何数字，我刚刚为convenience)
• On选择了add position: relative.

这是一个实时版本，显示了正在运行的修复版本，请使用IE7查看：

http://jsbin.com/exuko6