2012-04-11 152 views
1

我不確定哪裏可以開始解決這個問題,所以我希望這裏有人具有或理解瀏覽器兼容性,並可以幫助我解決這個問題。請參閱我所有代碼的jsFiddle.net示例。Internet Explorer 8及以下版本問題

jsFiddle.net example

我我在Firefox 11+現場的機器上運行此代碼和它的作品太棒了。我在Internet Explorer 9中運行相同的代碼,它運行得非常好。我將文檔模式切換到IE8並開始失敗。

這裏有一些圖片顯示什麼我談論:

此外,在IE7標誌被推一路下來看到IE7的例子。這也適用於Safari,圖像不提供。

IE9 IE9 IE8 IE8 IE7 IE7 FF11 + FF11+

+0

問題那也許是因爲你能告訴我們什麼失敗。圖像是沒有意義的 – Ibu 2012-04-11 18:21:53

+0

我不確定圖像沒有意義,但我會在文本中解釋。 IE7懸停在菜單上不起作用(如在IE7圖像中可見),標誌也被推下。在IE8中,徽標是正確的,但懸停在菜單上不起作用。在IE9中,它的工作原理和標識是正確的,圖像顯示。它在FF11 +中顯示它也正常工作。 – 2012-04-11 18:25:02

回答

2

我更新了jsfiddle。問題似乎是您的:first選擇器在IE8中不起作用。我不確定爲什麼你需要:first選擇器,因爲每個菜單項下面只有一個ul,但也許我錯過了一些東西。如果您刪除:first選擇器,它工作正常。

+0

我現在看到,這是不需要的,這使得它在IE7 +中工作。現在剩下的唯一問題是徽標被推得很遠(在IE7圖像中看到)有關於此的任何想法? – 2012-04-11 18:29:55

2

你的第二個問題:標誌

這裏看看 jsfiddle

放DIV ID =前跨度明確的兩個,即內容具有與

+0

現貨,非常感謝! – 2012-04-11 19:25:27

+0

因爲我得到了複選標記,我想我會爲你投票第2部分:) – 2012-04-11 19:29:12

+0

@帕特里克林格曼信仰在人類恢復:)) – riso 2012-04-11 19:31:16