【发布时间】：2012-01-05 23:12:27
【问题描述】：
我从 IE9 中得到了一些奇怪的悬停行为，这似乎是由于相对于父元素定位元素造成的。解释起来有点困难，所以我在这里提供了一个工作示例：http://jsfiddle.net/CVPhW/2/ 我已经尽可能地把它去掉了，但是我把所有包含的divs 留在了那里，以防它们在某种程度上相关。
尝试将光标悬停在每个按钮的最底部，您会看到悬停不会激活，除非您将光标向上移动大约 10 个像素。不管你信不信，它在 FF、Chrome 甚至 IE6 中都能正常工作。
这与应用于#menucontainer ul li a 的bottom: 12px; 样式有关。如果我删除它，整个部分会正确激活，但位置不正确。该示例中的文本位置是我想要的，但对悬停进行了修复。
以前有没有人遇到过这样的事情？我一直在搜寻 SO 和 Google 的答案，但我没有发现任何类似的东西。对于这方面的帮助，我将不胜感激。
【问题讨论】：
标签： css internet-explorer hover css-position