我一直在研究其中包含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并讨厌在导航背景上应用的固定菜单和渐变滤镜。我将其更改为常规颜色,并修复了所有问题。

10-08 04:59