IE-7 Z-index问题

时间:2011-06-21 15:43:29

标签: css xhtml internet-explorer-7 z-index

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

在上面的网站中选择下拉框中的选项右侧的标题选项中的搜索框位于IE-7中的标题图片或徽标后面 我认为这是Z指数问题 我一次又一次地面对这个问题,并没有得到任何有效的解决方案 请告诉我解决方案

2 个答案:

答案 0 :(得分:0)

我正乘坐渡轮在手机上打字,所以我无法测试你的链接,但......

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

这意味着在IE7中,z-index仅适用于具有任何位置属性集的最近父级。

为了使所有浏览器都像IE7一样,为了理智,将“z-index:1”添加到任何也将位置设置为“relative”或“absolute”的元素

答案 1 :(得分:0)

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

专门针对您的案例的解决方案以及您目前拥有网页的确切方式:

  • #header-bar上,添加z-index: 9999(或任何数字,我只是为了方便而选择了这个数字)
  • #mainpage上,添加position: relative

这是一个实时版本,显示版本的修复程序,请使用IE7查看:

http://jsbin.com/exuko6