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;
}

我已经从背景值中移除了(no-repeat center center)

干杯