2012-12-26 71 views
0

傢伙,我需要你的幫助來解決這裏的菜單IE7的問題:luigisettembrini.gov.itIE7圖形問題

使用其它瀏覽器菜單看起來不錯,子菜單是主菜單上用的填充。隨着IE7它不是「接近」菜單(它是無法使用的): http://img15.imageshack.us/img15/227/senzanomekq.png

不知道爲什麼會發生這種情況。我也試着用Firebug Lite來看看IE7,但它很混亂!

+2

請發表您的HTML/CSS/JavaScript代碼 –

+0

好吧,它有點複雜,因爲它是一個WordPress網站(特別是我創建的二十二個兒童主題),無論如何:這裏是導航菜單的HTML: http://pastebin.com/7kSrEf6L;這裏是我的CSS定製相關的導航菜單上的股票二十二個style.css:http://pastebin.com/NHTZTNkf – MultiformeIngegno

回答

0

我一直沒能找到一個源用於解釋在IE7這種差別,但這裏是一個快速解決方案:

變化嵌套UL的擁有權的絕對位置:0;而不是200px的左邊距。

或者您可以爲ie7提供一個條件樣式表,使它們的左邊距爲零。但由於uls已經完全定位,所以只需刪除邊距並添加一個「right:0」就會很容易修復。到CSS。

+0

我應用了快速修復和..作品像一個魅力! ;)) 真的,謝謝!我花了幾個小時在這個愚蠢的問題(我甚至試圖降低IE7的兼容性)。 現在,如果我能問你最後一個忙,唯一剩下的就是這個z-index問題:http://img825.imageshack.us/img825/5024/menuproblem.png 我試過把一個位置:relative; z- index:1000到.main-navigation li ul li,.main-navigation li ul li a等沒有運氣.. – MultiformeIngegno

+1

另一個我不熟悉的問題。顯然,當其他瀏覽器選擇不使用IE7時,IE7會將堆疊上下文應用於元素,長話短說,每個li都會從零開始創建一個新堆棧。 我現在唯一的解決方案是應用一個大的z-索引,例如。 999到第一個母體li,然後逐漸減小每個連續的li的z-索引值。 998,997,996 ..等這應該現在修復它,但我會更新你,如果我找出一個更優雅的解決方案的問題......需要z-index的列表項是菜單項248,249,250等等。不是他們的孩子 –

+0

謝謝!有效。 :) – MultiformeIngegno