2011-09-28 44 views
0

我有一个超级鱼菜单的网站,我有两个不同的插件幻灯片,主页中的nivo滑块:http://hermandaddelcalvario.org/wordpress/和gallery页面中的photospace:http://hermandaddelcalvario.org/wordpress/imagenes-3/Superfish IE7与Nivo滑块或Wordpress中的Photospace的z-index错误

问题出现在IE7中,下拉菜单落在了两页上的图像后面。我搜索了很多,每个人都认为,我这样做:

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

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

我这样做了,但无济于事,有没有别的东西,我错过了什么?

回答

0

确定这是一个有点跛,3秒后我问,我发现我的答案在这里的问题是:Jquery Superfish problem in IE7

使用脚本现在它的工作原理,但我仍想知道什么是错的CSS这里,我在此之前,我会寻求一个css解决方案,但我想说明这可以解决问题。

1

由于它们创建堆叠顺序的方式,IE 6和7都出现此问题。更多细节可以在这里找到:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

总之 - 在你的条件IE样式表中,你将需要给你的菜单父母一个比你的幻灯片更高的Z值。

+0

如果您阅读我的问题,那正是我所做的,但没有奏效。 –

+0

这是所有(非常讨厌)Javascript解决方案上面正在做的。它只是给所有的div元素(为什么单独出来谦虚的div =(?)一个指定的z-索引强制堆叠顺序。 –

+0

+1这个解决方案 - 我有这个确切的问题使用nivo滑块旁边的superfish和这个CSS为我工作:li.sfHover {z-index:1000;} – Nils