【发布时间】：2011-06-21 15:43:28
【问题描述】：
http://www.mimi.clickedsolutions.com/
在上面的站点中，当在标题选项中的搜索框右侧的下拉框中选择选项时，在 IE-7 中的标题图像或徽标后面 我认为这是 Z-index 问题 我一次又一次地面临这个问题，还没有得到任何有效的解决方案 请给我建议解决方案
【问题讨论】：
标签： css xhtml internet-explorer-7 z-index
【发布时间】：2011-06-21 15:43:28
【问题描述】：
我在渡轮上用手机输入这个，所以我无法测试你的链接，但是...
在所有浏览器中，z-index 是相对于最近的堆叠上下文。在 FF、Chrome、IE8 中，堆叠上下文通常是通过定位（相对或绝对）和 z-index 创建的。在 IE7 中，只需要定位即可创建堆叠上下文。
这意味着在 IE7 中，z-index 仅适用于设置了任何位置属性的最近的父级。
为了让所有浏览器的行为都像 IE7，为了理智，将“z-index: 1”添加到任何位置也设置为“相对”或“绝对”的元素
【讨论】：
此错误的背景信息：IE7 Z-Index issue - Context Menu
专门针对您的情况的解决方案以及您目前拥有页面的确切方式：
- 在
#header-bar上，添加z-index: 9999（或任何数字，我只是为了方便选择了那个） - 在
#mainpage上，添加position: relative。
这里有一个实时版本，显示了一个版本正在运行的修复程序，请使用 IE7 进行查看：
【讨论】：