0

我对一些 CSS 和 IE9 有一个奇怪的问题。我不确定，但我敢打赌你是第一次看到它。

示例图像

这三个图像都在div一个类中。这是该类的 CSS：

.imagen_pro{
    border: 1px solid #CCC;
    width: 180px; height:160px;
    text-align:center;
    background-color:#FFFFFF;
}

.imagen_pro img{
    max-width: 160px;
    max-height: 160px;
}

在某些情况下会发生这种情况，我的意思是，并非在每个 IE9 中都会发生这种情况。我不知道发生了什么事。如果有人可以帮助我，我将不胜感激。

谢谢。

大家好，感谢您的回答。我发现发生了什么事。碰巧这个图像中的每一个都在一个锚标记内，并且随着那个 css 的 img 溢出，所以我不得不对 div 容器应用一些 css 并使 div 容器更高一点。还是非常感谢

4

2 回答 2

2

我打赌图片的位置/尺寸不正确。它们大于你元素的最大尺寸（最大高度：160px；）。使用萤火虫，选择图片并调整它们的高度和位置。

我也看到你的代码有错误。你有两个：

宽度：180px；

和

最大宽度：160px；

这些是相互矛盾的陈述。

于 2012-11-27T00:09:23.587 回答
1

我无法在我的 IE9 版本中重现您的问题。但是，我敢打赌，问题在于您的图像从容器的顶部或底部弹出，并被绘制在边框上。

尝试添加overflow:hidden到.imagen_pro班级。

或者

如果这不起作用，要么扩大高度.imagen_pro，比如 162px。

或者

将图像的最大高度更改为小 1 或 2 个像素。例如：

.imagen_pro img{
    max-width: 160px;
    max-height: 158px;
}
于 2012-11-27T13:52:56.870 回答