我不知道如何解决这个问题。我附上了网站的图片。 由于某种原因,这只发生在大屏幕显示器上。在我的 14 英寸笔记本电脑上,没问题。无论如何,有没有什么方法可以确保内容从背景图像下方开始?而不是与其重叠,如图所示。
非常感谢您的帮助。
最佳答案
嗯,当网站的主要图像(几乎占据了整个屏幕)进入背景或其他不填充其余元素的规则时,使用 css 相对化会很复杂。你能做的最好的事情就是用百分比使 body.home margin-top 相对化,但我强烈建议你将该图像放在宽度为 100% 和 background-size cover 的 div 容器中,并开始朝着这个方向努力。任何其他解决方案都将是 hack 并且缺乏良好实践,因为如果您想要(有一天您会)更改背景图像,您的所有元素都将需要一个新的适当位置,迫使您每次都更改 css。
关于css - 如何让内容在背景图片之后开始(响应式)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44098106/