html - 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 中都会发生这种情况。我不知道发生了什么。如果有人可以帮助我，我将不胜感激。

谢谢。

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

Answer 1

我敢打赌这些图片的位置/大小不正确。它们大于您元素的最大尺寸(最大高度:160 像素；)。使用 Firebug ，选择图片并调整它们的高度和位置。

我还看到你的代码有错误。你有两个:

width: 180px;

和

max-width: 160px;

这些是相互矛盾的陈述。