限制 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;