html - 无法让 z-indexing 对 IE7 起作用

标签 html css

我在 Mac 和 PC 上测试过的每个浏览器中的导航功能都是一样的;但是,我终究无法弄清楚为什么在 IE7 中导航出现在主要内容 block 的内容下方。查看http://obs4.dynapp.net/看到这个问题,它只存在于IE7中。如果您有兴趣帮助解决问题,请查看源代码。我不知道,我花了好几个小时盯着 html/css 看,但什么也想不出来。

http://obs4.dynapp.net/

最佳答案

这是一个非常烦人的 IE7 错误。发生这种情况是因为无论 z-index 状态如何,DOM 中靠后的定位元素将优先于 DOM 中靠前的元素。

本文将解释如何修复它:http://thedesignspace.net/MT2archives/000763.html

基本上,将位置和 z-index 添加到最不常见的祖先。因此,如果您的 header 和内容都包含在一个容器中,请向该容器添加位置和 z-index。如果它们是主体的直接子级,则将其添加到主体中。

希望对您有所帮助。

关于html - 无法让 z-indexing 对 IE7 起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4821875/

相关文章:

javascript - 将容器中的 div 内容居中

javascript - jQuery slideDown() 无法正确处理 AJAX 结果

CSS 父选择器?

html - 对齐两个内容会导致内容立即缩小

internet-explorer-8 - 内联 block 不适用于 IE8

javascript - 通过html按钮更改变量

javascript - 如何在 Enter 键按下时操作列表元素

html - 导航栏 float 切断标题边框底部(CSS)

javascript - 如何将样式应用于 JQuery 数组中的特定元素

html - 如何将 CSS 形状中的文本居中