2011-09-28 40 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