背景图片随着 我需要居中的图片改变大小？
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>入藏“能人行”志愿者征集</title>
<style>
body,html{
margin: 0;
padding: 0;
}
.suc{
width: 150px;
height: 150px;
/*margin-top: -300px;*/
/*z-index: 1;*/
/*position: absolute;*/
display: inline-block;
}
.bg-1{
text-align: center;
background-size: cover;
background-repeat: no-repeat;
padding: 0 !important;
background-image: url("/res/img/view/tibet/1.png?v=1");
background-origin:content-box;
}
</style>
</head>
<body>
<div class="bg-1">
<img src="/res/img/view/tibet/2.png?v=23" class="suc"/>
</div>
</body>
</html>
显示如下：
当我设置上面那张图片的大小时，背景图片也跟着变大，但是我希望的是，背景图是占满整个页面的。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
.bg-1{width:100%;height:100%;background-size:100%;}
你需要给外层div设置一个高度。