在 IE 7/8 中，下拉 (Superfish) 菜单出现在 Flex Slider 后面
The website: http://club16.abcguide.com/
The drop down menu items appear behind the Flex slider in IE 8 for the client, and IE 7 in my compatibility tester.
Help is appreciated in regards to this, thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
除非为定位元素显式设置
z-index，否则 IE7/8 将为定位元素赋予z-index0。添加
position:relative; z-index: 99999;到#navigation-wrap以确保其z-index大于页面上其他元素。这将确保它保持在顶部。Unless the
z-indexis explicitly set for positioned elements, IE7/8 will give the positioned element az-indexof 0.Add
position: relative; z-index: 99999;to#navigation-wrapto ensure it has az-indexgreater than the other elements on the page. This will ensure it stays on top.如果添加
z-index:1，.flexslider具有position:relative;但没有z-indexCSS 属性> 到该容器，然后将position:relative;和z-index:2;添加到任意一个 suckerfish 菜单容器（我将其添加到ul. IE 调试工具中的菜单），然后菜单将位于滑块顶部。.flexsliderhasposition:relative;but noz-indexCSS property, if you addz-index:1to that container, and thenposition:relative;andz-index:2;to any one of your suckerfish menu containers (I added it toul.menuin IE debug tools), the menu will then be positioned atop the slider.对于未来的读者来说，如果您的导航上有 CSS 渐变，则早期版本的 IE 会遇到下拉菜单问题。
For future readers, if you have a CSS gradient on your navigation, early versions of IE will have trouble with drop downs.