限制div中背景的图像位置/大小

Question

我正试图限制我的背景图像，以使其填充该部分，但并没有如此放大。我们将不胜感激。我目前有此代码

    <div class="full-width-bg larger-text" style="padding-top: 50px;">
    <div class="custom-bg bgsIE bg-image" style="background-image: url('image.jpg');">
    </div>
    <div class="content-container">
    <h2><span style="color: #154774;"><strong>Sign up now for <br>a 14-day trial</strong></span></h2>
    <p><a href="" class="btn large darker-gray">Try it for free today</a>
    <hr class="gap" style="margin:50px 0 0 0;">
    </div></div>

这是到目前为止的样子：

我希望它看起来如何

Answer 1

添加background-position: center;以及background-image属性，然后查看结果。如果存在间距问题，则可以使用background-size属性，在大多数情况下，最好将其设置为background-size: cover;