网站背景图片缩放到独立文本块的大小

Question

因此，当您按CTRL +向外滚动时，我正在使用HERE处理的网站，背景图像的缩放方式使得“约”部分文本在图片前方向上移动。

我已经尝试过重新调整大小和定位元素之类的东西，但我很难知道该做什么或如何使背景图片缩放并与欢迎文本区域保持成比例。

如果您有任何资源，请发送链接，一切都可以帮助。

干杯。

Answer 1

How about, in main.css on line 16 change:

height: 30%;

To a specific pixel height:

height: 275px;

Answer 2

试试这个：

#BackgroundImg {
background-image: url(yourimage.png) no-repeat center;
background-size: 100% auto;
}

干杯。