3

我一直在研究一个粘性菜单,里面有一个 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 并且没有运气就可以看到溢出。

谢谢

4

1 回答 1

4

所以我发现这是发生了一些错误。我在 megamenu 上有一个 z-index,它会出现在页面上的其他元素上。如果我删除它,它会起作用。但是我需要在那里,所以我看的更深一些,发现 IE 9 及以下版本讨厌固定菜单和我在导航背景上应用的渐变过滤器。我将其更改为常规颜色,它修复了所有问题。

于 2013-04-14T12:01:51.357 回答