IE9 - 位置:相对;悬停问题

时间:2011-11-24 22:04:31

标签: css internet-explorer hover css-position

我从IE9获得了一些奇怪的悬停行为,这似乎是由于相对于父元素定位一个元素。这有点难以解释,所以我在这里提供了一个有效的例子:http://jsfiddle.net/CVPhW/2/我尽可能地删除了它,但是我把所有包含div的内容留在那里以防万一在某种程度上相关。

尝试将光标悬停在每个按钮的最底部,除非您将光标向上移动10个像素,否则您将看到悬停不会激活。它在FF,Chrome中运行良好,不管你信不信,甚至IE6。

这与应用于bottom: 12px;的{​​{1}}样式有关。如果我删除它,整个部分正确激活,但它没有正确定位。该示例中的文本位置是我喜欢它的方式,但是有一个用于悬停的修复。

之前有没有其他人遇到这样的事情?我一直在搜索SO和谷歌的答案,但我没有发现任何类似的东西。我非常感谢你对此有所帮助。

1 个答案:

答案 0 :(得分:1)

我将您的示例here

分开

它似乎适用于所有浏览器。我在<li><a>元素

上更改了几种样式