我有一个 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;
}
最佳答案
你好,我已经测试过了,它有效,
.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)
干杯
关于css - background-cover 在 Chrome 中添加了一个空白的 1px 行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16877615/