2013-03-25 103 views
0

在我的網站上:http://www.carbonfibergear.com/如果您將鼠標懸停在「SHOP」菜單上,則會顯示基於this的下拉列表。我注意到在IE9中,一旦你將鼠標移出字店,下拉菜單就消失了。任何想法如何我可以解決這個問題?爲什麼此CSS下拉菜單在IE9中消失

有一些更新這個問題,你可以在這個答案見(請通過評論閱讀):https://stackoverflow.com/a/15622168/1464510

+0

我沒有ie9。所以不能測試,但很好的網站。 – btevfik 2013-03-25 18:30:10

+0

此菜單在IE9標準模式下正常工作。它似乎是在怪癖模式導致問題的IE9。我沒有深入挖掘,但在快速模式下,「商店」菜單項目似乎沒有懸停區域。 – jmbertucci 2013-03-25 18:32:56

回答

1

看起來像你的按鈕和IE犯規像菜單之間的間隙..它是假設你正在關閉按鈕..如果你快速移動忍者,你可以保持菜單的重點。

變化:

header nav #nav-site li { 
margin: 0 10px 3px 0; 
} 

要:

header nav #nav-site li { 
padding: 0 10px 3px 0; 
} 

看看是否有幫助.. IE計算整體箱尺寸,包括邊緣時的行爲怪異。

+0

我明白你的意思了,並試圖將邊距改爲本地填充,但似乎沒有這樣做。任何其他想法? – callmedpit 2013-03-25 18:54:55

+0

我認爲它與標題nav .dropdown_1column.mainbox上的邊距有關,我現在正在玩弄它,但你引發了這個想法:) – callmedpit 2013-03-25 19:00:32

+0

我現在能夠使它工作暫時,但是我不能得到它,所以間距與標題的底部邊界對齊,而沒有問題。現在,這將工作,但任何想法如何在解決IE中的問題時獲得這種間距? – callmedpit 2013-03-25 19:16:06