背景封面在Chrome中添加一个空白的1px-行。

Question

我有一个div和一个背景封面附在它的div上。它不适用于Chrome :对于某些图像，它添加了一个空行(水平的或垂直的，取决于此)。

<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属于的地方，它可能会在浏览器中造成问题。