怎么让div自适应背景图片尺寸
就是给div设置background-image的时候,当我不知道图片的尺寸,想让图片正好跟div大小吻合,这时不知道怎么设置...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.body{
background-image: url(http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png) center no-repeat;
width: 100%;
height: auto;
}
</style>
</head>
<body>
<div class="body">
</div>
</body>
</html>知道这些是不对的,但是有什么办法可以让图片自己撑开div呢
22
收起
正在回答
4回答
用background-size：100%；可以让背景图片铺满div
秦鲸卿
2018-01-11 13:21:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;padding: 0;}
.body{
background: url(http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png) center no-repeat;
width: 100%;
height: 100px;
background-size: 100%;
}
</style>
</head>
<body>
<div class="body">
</div>
</body>
</html>
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星