IE9 - 位置：相對;懸停問題

我得到了一些奇怪的IE9懸停行爲，這似乎是由一個元素相對於父級定位而產生的。這有點難以解釋，所以我已經在這裏提供了一個可用的示例：http://jsfiddle.net/CVPhW/2/我已儘可能多地刪除它，但是我將所有包含div的文件都留在了那裏，以防它們在某種程度上相關。IE9 - 位置：相對;懸停問題

嘗試將鼠標懸停在每個按鈕的最下方，您會看到懸停不會啓動，除非您將光標向上移動10個像素左右。它可以在FF，Chrome中正常運行，並且信不信由你，甚至IE6。

這與應用於#menucontainer ul li a的bottom: 12px;風格有關。如果我刪除它，整個部分正確激活，但它沒有正確定位。這個例子中的文本位置是我想要的，但是修復了懸停的問題。

有沒有其他人遇到過這樣的事情？我一直在搜索SO和Google的答案，但我還沒有發現任何類似的東西。我真的很感激這方面的幫助。

來源

2011-11-24 John H

我分叉您的示例here

似乎工作在所有瀏覽器。我在<li>和<a>元素上改變了幾個樣式

來源

2011-11-24 22:32:45 danwellman

非常感謝。這在IE6中不起作用，但是對於它來說有一些典型的黑客攻擊，它很有魅力。 –

IE9 - 位置：相對;懸停問題

回答

相關問題