如何在背景图像（响应）后启动内容？

Question

我不知道如何解决这个问题。我已经包含了该网站的图片。 出于某种原因，这只发生在大屏幕显示器上。在我的14英寸笔记本电脑上，它很好。无论如何，有没有办法确保内容从背景图像下方开始？而不是重叠，如图所示。

非常感谢您的帮助。

https://i.stack.imgur.com/6PbUr.jpg

Answer 1

当你的网站主图像（占据几乎所有的屏幕）进入背景或其他不填充其余元素的规则时，使用css相对化很复杂。你可以做的最好的事情就是将body.home margin-top与百分比相对应，但我强烈建议你把那个图像放在宽度为100％且背景大小覆盖的div容器中，并开始朝着这个方向努力。任何其他解决方案都是黑客和缺乏良好做法，因为如果你想（有一天你会）改变背景图像，你的所有元素都需要一个新的正确位置，每次都要你改变css。