IE 6 &IE 7 Z-Index 问题 [英] IE 6 & IE 7 Z-Index Problem

问题描述

http://madisonlane.businesscatalyst.com

我试图让 div#sign-post 位于 div#bottom 上方.这在除 IE6 & 之外的所有浏览器中都可以正常工作.IE7.任何人都可以看到这里有什么问题吗?

I'm trying to get the div#sign-post to sit above the div#bottom. This works fine in all browsers except IE6 & IE7. Can anyone see what the problem is here?

此外，IE6 会在 div#bottom 顶部显示额外的 198 像素.

Also IE6 is displaying an additional 198px to the top of div#bottom.

推荐答案

同意验证者评论 - 验证通常会有所帮助.但是，如果它没有在 IE 中为 z-index 提供一些指针:

Agree with validator comment - validating usually helps. But, if it doesn't heres a few pointers for z-index in IE:

1) 您正在操作的 z-index 元素应该在同一级别，即.你应该设置 #bottom 和 #body

1) elements who's z-index you're manipulating should be on the same level ie. you should be setting the z-index of #bottom and #body

如果这不可行，那么

2) IE 有时不会正确应用 z-index，除非您应用它的元素具有 position:relative.尝试将该属性应用于 #bottom 和 #body(或 #signpost)

2) IE sometimes wont apply the z-index correctly unless the elements ou are applying it to have a position:relative. Try applying that property to #bottom and #body (or #signpost)

告诉我结果如何

达科

这篇关于IE 6 &IE 7 Z-Index 问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！