Html 如何使上面有div的背景都像视差背景一样

我有一个固定的视差效果背景，在它上面有一个分区标题的div。在此之后，我有了主内容div。我可以在图像中包含div的内容，只使用新图像作为背景，但我想控制div内容的大小、字体等，因此需要两者都像背景一样。这种效果可能达到吗

下面是一个示例代码：我想得到的是title div是固定的，其行为类似于视差背景

视差{ 背景图像：url（'http://i.stack.imgur.com/jGlzr.png'); 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； } .头衔{ 位置：相对位置； 显示器：flex； 高度：120px； 宽度：120px； 边框：3倍纯白； 左：计算（50%-60px）； 对齐项目：居中； 证明内容：中心； } .内容{ 背景色：红色； 高度：800px； }

头衔

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

这应该非常简单。您只需将标题div设置为

position:fixed

，将内容div设置为

position:relative

，并为其设置标题div高度+边框的顶部偏移量（126px）

像这样：

视差{ 背景图像：url（'http://i.stack.imgur.com/jGlzr.png'); 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； } .头衔{ 位置：固定； 显示器：flex； 高度：120px； 宽度：120px； 边框：3倍纯白； 左：计算（50%-60px）； 对齐项目：居中； 证明内容：中心； } .内容{ 高度：800px； 位置：相对位置； 顶部：126px； 背景色：红色； }

头衔

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

这应该非常简单。您只需将标题div设置为

position:fixed

，将内容div设置为

position:relative

，并为其设置标题div高度+边框的顶部偏移量（126px）

像这样：

视差{ 背景图像：url（'http://i.stack.imgur.com/jGlzr.png'); 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； } .头衔{ 位置：固定； 显示器：flex； 高度：120px； 宽度：120px； 边框：3倍纯白； 左：计算（50%-60px）； 对齐项目：居中； 证明内容：中心； } .内容{ 高度：800px； 位置：相对位置； 顶部：126px； 背景色：红色； }

头衔

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

事实上，视差通常是这样，但要实现这一点，您需要一些javascript，固定背景行程对于我的用例来说已经足够好了。事实上，视差通常是这样，但要实现这一点，您需要一些javascript，固定背景行程对于我的用例来说已经足够好了。这个问题太令人困惑了。我不知道你们在找什么。这个问题太令人困惑了。我不知道你在找什么。