IE7 中的 z-index 问题答案

【问题标题】：z-index issue in IE7IE7 中的 z-index 问题
【发布时间】：2010-12-01 10:08:49
【问题描述】：

我们有一个z-index 问题与一个div 应该在一个特定的div 之上。名为 (house-over-banner) 的 div 是绝对的，而它下面的则是相对的。

在 Firefox、IE6、8 中 - 一切正常！
只是在 IE7 中，它没有！

链接是http://www.showhome3d.com.au。 - 这是页面右侧横幅上方的房子。

【问题讨论】：

【解决方案1】：

一个肮脏的 css 技巧是使父 div 相对而子 div 绝对。这样子 div 不会逃出父 div，但你还没有做过类似的事情，你可以这样做，看看这是否适合你。此外，z-index 仅适用于设置为绝对定位的元素。

【讨论】：

【解决方案2】：

我不知道如何回复 Calebs 的帖子，所以我只能在这里发帖，

我是与 caleb 合作的团队中的一员（我们都在联合力量来解决这个问题：P），但现在似乎正在发生的事情是，有时它会在 IE 7 中运行，然后有时它会运行不会..当页面加载时它是否会在下面的顶部。

我们应用了 jquery z-index 修复 (http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/comment-page-1/)，这似乎导致了这种行为，但奇怪的是它不一致

【讨论】：

【解决方案3】：

IE 6 和 7 中的定位元素形成了自己的 z-index 堆叠上下文，这是不可避免的。

【讨论】：