IE9不渲染元素的边框

Question

我遇到了一些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溢出了所以我不得不应用一些css并使div容器更高一些。无论如何，谢谢你

Answer 1

我打赌这些照片位置不合适/大小不合适。它们大于你元素的最大尺寸（max-height：160px;）。 使用萤火虫，选择图片并摆弄它们的高度和位置。

此外，我在您的代码中看到错误。你有两个：

  

宽度：180px;

和

  

max-width：160px;

这些是相互矛盾的陈述。

Answer 2

我无法在我的IE9版本中重现您的问题。但是，我愿意打赌，问题是你的图像从他们的容器的顶部或底部弹出并被边界绘制。

尝试将overflow:hidden添加到.imagen_pro课程。

OR

如果这不起作用，请将.imagen_pro的高度扩展为162px。

OR

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

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