开发者

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

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 i开发者_StackOverflow社区n 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?


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.


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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜