.baner {
background-image: url('ban.jpg');
background-size: cover;
background-repeat: no-repeat;
position: fixed;
width: 100%;
height: 35%;
top: 60px;
}
我不会在这种背景下进行介绍，但是当我进行png图像处理时，我不知道为什么：
.baner {
background-image: url('ban.png');
background-size: cover;
background-repeat: no-repeat;
position: fixed;
width: 100%;
height: 35%;
top: 60px;
}
对我来说效果很好，也许您未将图片另存为.jpg...
div.one {
width:100px;
height:100px;
background-image:url(http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
div.two {
width:500px;
height:500px;
background-image:url(http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}<div class="one">
</div>
<div class="two">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句