我一直在研究一个粘性菜单,里面有一个 megamenu 下拉菜单。当用户加载页面时,导航是静态的。导航类似于以下内容。
<div class='navigation'>
<ul>
<li><a href="">Home</a></li>
<li>
<a href="">About</a>
<div class='megamenu'>Megamenu</div>
</li>
</ul>
不,megamenu 是绝对位置和左:-9999px;负载;当用户滚动经过导航时,我将位置更改为固定;这似乎在所有浏览器中都能正常工作。
我遇到的问题是,在 IE8 中,导航似乎隐藏了溢出,因为导航之外的 megamenu 部分被剪掉了。
我已经尝试在所有内容上设置 z-index 并且溢出可见但没有运气。
谢谢
最佳答案
所以我发现这是发生了一些错误。我在 megamenu 上有一个 z-index,它会出现在页面上的其他元素之上。如果我删除它有效。但我在那里需要它,所以我看得更深一点,发现 IE 9 和 under 讨厌我在导航背景上应用的固定菜单和渐变过滤器。我将其更改为常规颜色并修复了所有问题。
关于css - IE8 位置固定,绝对位置内部溢出问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15736376/