2012-11-14 28 views
0

我有一個超級菜單,在Chrome,Firefox和Safari,但不是IE瀏覽器(我知道,我知道... ...常見問題)。我的問題是,我的三級菜單「部分」出現在二級菜單的頂部,但並不完全。超級魚菜單部分「在上面」,部分「在底部」在IE瀏覽器

邊框和背景顏色出現在二級菜單的頂部,但是來自二級的文本本身「流血」並顯示與三級菜單混合顯示。

這裏有一對夫婦的屏幕截圖:

IE:

enter image description here

鉻:

enter image description here

我可以使背景顏色完全不同(紅色/藍色例如),並顯示他們在對方的「頂部」正確 - 在這裏他們只是稍微更深的沙灰色的。

我不知道在哪裏看在我的CSS文件,該文件是在這裏:http://www.willoughby-ind.com/desktopmodules/az.dnnmenu/templates/willoughby/superfish.css

而我實際的網站,這是在這裏:http://www.willoughby-ind.com

任何援助將不勝感激。花了我好幾天才弄清楚這一點,我無法弄清楚我錯過了什麼。

回答

0

你有沒有簽入這行你iehacks.css

.sf-menu li { 
    z-index:999; 
} 

改變這種以比你的第三級菜單的z-index較低的值應該工作

+0

這並沒有爲我工作。我在我的iehacks.css文件中結束了以下內容。它看起來並不像我希望它(和它看起來在其他瀏覽器,但至少文本不再混亂了) ul.sf菜單裏UL李UL李 { 的z-index:30 ; position:fixed;} ul.sf-menu ul ul {z-index:40; 職位:固定; } –

0

我的解決方案並沒有產生結果我想要,但至少文字不再混亂。現在,IE在第二級菜單中彈出第三級菜單 - 而不是在下面的右側。不完美,但我認爲它是可用的。

我把下列我iehacks.css文件:

ul.sf-menu li ul li ul li 
{ 
    z-index: 30; 
    position: fixed;} 

ul.sf-menu ul ul 
{ z-index: 40; 
    position: fixed; 
} 

enter image description here