Superfish IE7 z-index 与 Nivo 滑块或 WordPress 中的 Photospace 相关的错误
我有一个带有 superfish 菜单的网站，我有两个不同的幻灯片插件，主页中有 nivo 滑块： http:// hermandaddelcalvario.org/wordpress/ 和图库页面中的照片空间：http://hermandaddelcalvario.org/wordpress/imagenes-3/
IE7 出现问题，下拉列表落在两个页面的图像后面。我搜索了很多，每个人都建议我这样做：
/*gallery container*/
#content{
position:relative;
z-index: 1;
}
/*superfish container*/
#navwrap{
position:relative;
z-index: 2;
}
我这样做了，但没有效果，是不是还有什么我错过的？
I have a website with a superfish menu and I have two different plugins for slideshows, nivo slider in the main page: http://hermandaddelcalvario.org/wordpress/ and photospace in the gallery page: http://hermandaddelcalvario.org/wordpress/imagenes-3/
The problem comes with IE7, the dropdown falls behind the images on both pages. I searched a lot and everyone suggests that I do this:
/*gallery container*/
#content{
position:relative;
z-index: 1;
}
/*superfish container*/
#navwrap{
position:relative;
z-index: 2;
}
I did so but to no avail, is there something else I missed?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
由于创建堆叠顺序的方式，IE 6 和 7 中都会出现此问题。更多详细信息可以在这里找到：http://brenelz.com /blog/squish-the-internet-explorer-z-index-bug/
简而言之 - 在您的条件 IE 样式表中，您需要为菜单父级提供比幻灯片更高值的 z-index。
The issue occurs in both IE 6 and 7 due to the way they create a stacking order. More details can be found here: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
In short - within your conditional IE stylesheets you will need to give your menus parent a z-index of higher value than your slideshow.
好吧，这有点蹩脚，在我问问题 3 秒后，我在这里找到了答案： Jquery Superfish IE7 中的问题
使用该脚本现在可以工作，但我仍然想知道这里的 css 有什么问题，在此之前我会寻求 css 解决方案，但我想声明这可以解决问题。
Ok this is a bit lame, 3 secs after I asked the question I found my answer here: Jquery Superfish problem in IE7
Using that script now it works but I still want to know what's wrong with the css here, I'd go for a css solution before this but I wanted to state that would solve the issue.