在 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-size: cover;

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

Constraining image's placement / size for a background in a div

html

css

image

background-image