html - 如何使背景图像响应

Question

一开始我承认我是UI开发的新手，最近才开始学习。我正在开发一个类似于 InuitLabs.com 的网站.当我使用查看源代码查看源代码时，我完全迷路了。我特别想知道

1. 主页上的 slider 图片如何响应？是通过 javascript 还是使用纯 css。
2. 我还想知道文本在滚动时向上移动而背景图像完好无损？如何达到同样的效果。

我知道这可能是个基本问题，但我发现很难通过源代码知道，因为有很多 javascript 和 css 文件。

问候，普拉迪普

Answer 1

看看 background-size 属性。您可以将背景大小设置为任何 px 或 % 值或使用常量:cover 将调整图像大小以填充整个容器，而 contain 会尝试将图像放入容器内而不进行裁剪，很可能会使容器的某些部分没有任何背景.

您可能想要的是将背景大小属性设置为覆盖。