IE9链接悬停CSS颜色更改垂直偏移 [英] IE9 link hover css color change vertical shift

问题描述

IE 9会将一些HTML向下推入页面. 当我从

IE 9 on Hover over a link, pushes some of the HTML down the page. When i remove the color from

td.subarea > h2 > a:hover   { color: #aa051a; text-decoration: none;}  

不会发生此问题.

我无法在此处粘贴所有代码，并且相当确定这是此页面的唯一问题. 但是也许外面有人见过类似的东西.

I can't paste all the code here, and fairly sure its a unique problem to this page. But maybe someone out there has seen something similar.

它不会将Link(a标签)在页面上向下移动，它的整个包含表都在移动.

Its not moving the Link(a tag) down the page, its the whole containing table that moves.

推荐答案

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

This problem seems to occur in IE9 when the container element is set to overflow: auto and there is some hover action taking place in the child element.

有一个非常简单的解决方案，可以在容器元素中添加min-height: 0px.

There is a very simple solution of adding min-height: 0px to the container element, which works.

有关该错误和此解决方案的详细说明，请参见以下链接: http://blog.brianrichards.net/post/6721471926/ie9-hover -bug-解决方法

The detailed explanation of the bug and this solution can be found in this link: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

这篇关于IE9链接悬停CSS颜色更改垂直偏移的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！