Superfish IE7的z-index错误与Nivo滑块或Photospace在wordpress

Superfish IE7 z-index bug with Nivo slider or Photospace in wordpress

本文关键字:Photospace wordpress Nivo IE7 z-index 错误 Superfish      更新时间:2023-09-26

我有一个网站与一个超级鱼菜单,我有两个不同的插件幻灯片,nivo滑块在主页:http://hermandaddelcalvario.org/wordpress/和photospace在画廊页面:http://hermandaddelcalvario.org/wordpress/imagenes-3/

这个问题来自IE7,两个页面的下拉菜单都落在图片后面。我搜索了很多,每个人都建议我这样做:

/*gallery container*/
#content{
position:relative;
z-index: 1;
}
/*superfish container*/
#navwrap{
position:relative;
z-index: 2;
}

我这样做了,但无济于事,还有什么我错过了吗?

由于IE 6和IE 7创建堆叠顺序的方式,这个问题都会发生。更多详细信息请访问:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

简而言之,在你的条件IE样式表中,你需要给你的菜单父元素一个比幻灯片更高的z-index值。

好吧,这有点蹩脚,3秒后我问的问题,我找到了我的答案在这里:Jquery Superfish问题在IE7

使用这个脚本现在可以工作了,但我仍然想知道这里的css有什么问题,在此之前我想使用css解决方案,但我想说明这将解决问题。