Question

我有图像，我在div上渲染为背景图像。在IE以外的其他浏览器中，它们渲染得很好，但在IE中，图像上有白线。这是html和CSS

.img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    border: 1px solid #b4b4b4;
    height: 100%;
}

<div class="img" style="background-image: url(....);"></div>

任何人都知道会导致什么原因吗？

当我删除图像上的边框时，图像在IE中渲染得很好。但我需要边界......

Answer 1

在这里猜测，因为我没有IE，但它似乎在做背景图像边框的时髦。我的建议是将它包装在一个有边框的div中，并且img本身没有边框......

.img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

div.imgContainer {
    width: 100%;
    border: 1px solid #b4b4b4;
    height: 100%;
}

<div class="imgContainer">
    <div class="img" style="background-image: url(....);"></div>
</div>

如何解决：Internet Explorer中的图像上有白线

1 个答案: