背景图片随着我需要居中的图片改变大小？

代码如下：

<!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>

显示如下：

当我设置上面那张图片的大小时，背景图片也跟着变大，但是我希望的是，背景图是占满整个页面的。

.bg-1{width:100%;height:100%;background-size:100%;}

你需要给外层div设置一个高度。

【热门文章】

背景图片随着 我需要居中的图片改变大小？

.bg-1{width:100%;height:100%;background-size:100%;}

背景图片随着我需要居中的图片改变大小？