css - background-cover 在 Chrome 中添加一个空白的 1px 行

Question

我有一个 div 和一个附加到它的 div 的背景封面。它不适用于 Chrome：对于某些图像，它会添加一个空行（水平或垂直，这取决于）。

HTML

<div class="div_image"></div>

CSS

.div_image {
    width: 100px;
    height: 100px;
    border: solid red;
    background: url('http://2.bp.blogspot.com/-v7UK1A8fw3A/UJXR5Vc5RjI/AAAAAAAAHuY/aWzZuSv8-jI/s250/Laika.jpg') no-repeat center center; 
    background-size:cover;
}

请参阅http://jsfiddle.net/rTBVs/2/。

Answer 1

嗨，我已经对此进行了测试，并且可以正常工作，

.div_image {
    width: 100px;
    height: 100px;
    border: solid red;
    background: url('http://2.bp.blogspot.com/-v7UK1A8fw3A/UJXR5Vc5RjI/AAAAAAAAHuY/aWzZuSv8-jI/s250/Laika.jpg');
    background-size:cover;
}

我已从背景值中删除（无重复中心中心）

干杯

Answer 2

Chrome 中没有空白行……但对我来说这听起来像是图像的问题。但是，您在 div 上的 URL 不属于那里。这不是 url 所属的地方，它可能会导致您的浏览器出现问题。