2013-03-25 61 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