IE8位置固定位置绝对内溢出问题

时间:2013-04-01 01:09:20

标签: css internet-explorer-8

我一直在制作一个粘性菜单,里面有一个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并且溢出可见而没有运气。

由于

1 个答案:

答案 0 :(得分:4)

所以我发现它发生了一些错误。我在megamenu上有一个z-index,它会出现在页面上的其他元素上。如果我删除它有效。但我在那里需要它,所以我看起来更深一点,发现IE 9并且讨厌固定菜单和我在导航背景上应用的渐变滤镜。我将其更改为常规颜色并修复了所有内容。