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不属于那里。这不是网址所属的位置，可能会导致浏览器出现问题。

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

2 个答案: