IE9 img hover添加边距到底

我有一个很奇怪的问题，并没有线索如何解决它。发生问题的网页上有一个div，其中有几个可点击的图像。当悬停可点击图像（）时，15像素的边界将改变颜色，当离开悬停状态时，边框颜色会再次变为原始颜色。奇怪的问题是，当我将任何图像悬停在div中或离开悬停状态时，div下的边距不断扩大，这是不可接受的。此问题只发生在IE9中。 Chrome和Firefox可以正常工作。我以前的IE版本没有测试过。我想问题可能是下面的CSS语句：IE9 img hover添加边距到底

#content_links #fotos #foto{ 
    text-align: center; 
    width: 488px; 
    overflow-y: hidden; 
    white-space: nowrap; 
    margin-left: 22px; 
    margin-bottom: 70px; 
} 

#content_links #fotos #foto a{ 
    text-decoration: none; 
} 

#content_links #fotos #foto img{ 
    margin-left: 3px; 
    margin-right: 3px; 
    margin-bottom: 6px; 
    border: 3px solid silver; 
    border-bottom-width: 15px; 
} 

#content_links #fotos #foto a:hover img{ 
    border: 3px black solid; 
    border-bottom-width: 15px; 
}

解决这个问题任何线索？在此先感谢，

Thomas

来源

2011-06-30 TMeersschaert

当我有一个有溢出的div时，我得到了同样的问题。如果我修复div大到足以包含所有内容而没有溢出，则问题不会发生。 – RustyTheBoyRobot

您是否为您的html声明了doctype？我注意到IE和奇怪的东西没有一个。我不确定这适用于IE 9.

请参阅here关于css和与Internet Explorer的兼容性。

来源

2011-06-30 12:59:40

是的，我宣布了一个文档类型。我一直在尝试的东西，这个问题似乎与溢出-y：hidden;声明。当我删除该行时，问题消失了。我需要它被隐藏，所以这不是一个令人满意的解决方案。 – TMeersschaert

IE9 img hover添加边距到底

回答

相关问题