IE7 中的 z 索引问题
我们遇到了 div 的 z-index 问题，该 div 应该位于特定的 div 上。名为 (house-over-banner) 的 div 是绝对的，而其下面的则是相对的。
在 Firefox、IE6、8 中 - 显示一切都很好！
只是在 IE7 中，没有！
链接为http://www.showhome3d.com.au。 - 这是页面右侧横幅上方的房子。
We have a z-index problem with a div that's supposed to be over a particular div. The div named (house-over-banner) is absolute, whilst the one below it is relative.
In Firefox, IE6, 8 - it shows all good!
Just in IE7, it doesn't!
The link is http://www.showhome3d.com.au. - it's the house over the banner on the right hand side of the page.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
一个肮脏的 CSS 技巧是使父 div 相对，而子 div 绝对。这样子 div 就不会从父 div 中逃逸，但你还没有做过类似的事情，你可以这样做，看看这是否适合你。此外，z-index 仅适用于设置为绝对定位的元素。
A dirty css trick is to make parent div relative while the child div absolute. This way child div won't escape out of the parent div but you have not done something like that, you might do it that way to see if this works for you. Also z-index only works with elements which are set to absolute positioning.
我不知道如何回复 Calebs 的帖子，所以我只能在这里发帖，
我是与 caleb 合作解决这个问题的团队之一（我们都在联合力量来解决这个问题：P），但现在发生的事情似乎是有时它可以在 IE 7 中工作，而其他时候则不能。.这只是页面加载时是否会在下面的顶部的机会。
我们应用了 jquery z-index 修复 (http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/comment-page-1/）这似乎导致了这种行为，但它奇怪的是它不一致
I couldnt work out how to reply to Calebs Post so ill just post here,
im one of the team working with caleb on this (we are all combining forces to slay this beast of an issue :P ) but what appears to be happening now is that sometimes it will work in IE 7 and then other times it wont..its just chance when the page loads as to if it will be on top of below.
We applied a jquery z-index fix (http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/comment-page-1/) which has seemed to cause this behaviour but its weird that it is not consistent
IE 6 和 7 中的定位元素形成它们自己的 z-index 堆叠上下文，这是不可避免的。
positioned elements in IE 6 and 7 form their own z-index stacking context, which is unescapable.