IE9链接悬停css颜色改变垂直移位

时间:2011-09-16 13:53:18

标签: html css internet-explorer-9

IE 9将鼠标悬停在某个链接上,将部分HTML推向网页。 当我从

中删除颜色时
td.subarea > h2 > a:hover   { color: #aa051a; text-decoration: none;}  

问题不会发生。

我无法粘贴所有代码,并且相当确定此页面的唯一问题。 但也许有人在那里看到了类似的东西。

它不会在页面上移动链接(标记),而是整个包含移动的表格。

4 个答案:

答案 0 :(得分:9)

当容器元素设置为overflow: auto并且子元素中发生了一些悬停操作时,IE9中似乎会出现此问题。

有一个非常简单的解决方案,即将min-height: 0px添加到容器元素中,该元素有效。

可以在此链接中找到有关错误和此解决方案的详细说明: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

答案 1 :(得分:1)

确保您的行高和字体大小属性与普通和悬停相同。

答案 2 :(得分:1)

排序发现问题,很好地使表停止移动。边距:-20px。 虽然它向下移动约10px。

可能是一些IE9渲染问题。 IE7 / 8实际上是在初始加载时移动表格。

字体大小,行高,所有css,都对链接有利。

Marc B可能接近于IE渲染错误的问题,并且警告浮游物等等。

现在必须在表格布局页面(呃,讨厌表格布局)上实现样式表布局。

答案 3 :(得分:0)

对我来说,我必须指定

height:100%;

然后我必须继续并指定

width:100%;

上面的mohitp'min-height:0px'让我走上正轨。