背景图片铺满整个屏幕
<html>
<head>
<meta charset="utf-8">
<title>cover Screen</title>
<style>
body{
margin:0px;
}
.height-100 {
position: absolute;
height: 100%; width: 100%;
background-image: url('1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div id="height-100" class="height-100"></div>
</body>
</html>
//自己找张图片看效果哦~~
background-size：100%和background-size：cover的区别？
background-size：100%---按容器比例撑满，图片变形；
background-size：cover---把背景图片放大到适合元素容器的尺寸，图片比例不变。
上面的不能改为background-size：cover只能看见图片的一部分
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。