css - 如何让内容在背景图片之后开始(响应式)?

标签 css

我不知道如何解决这个问题。我附上了网站的图片。 由于某种原因,这只发生在大屏幕显示器上。在我的 14 英寸笔记本电脑上,没问题。无论如何,有没有什么方法可以确保内容从背景图像下方开始?而不是与其重叠,如图所示。

非常感谢您的帮助。

/image/6PbUr.jpg

最佳答案

嗯,当网站的主要图像(几乎占据了整个屏幕)进入背景或其他不填充其余元素的规则时,使用 css 相对化会很复杂。你能做的最好的事情就是用百分比使 body.home margin-top 相对化,但我强烈建议你将该图像放在宽度为 100% 和 background-size cover 的 div 容器中,并开始朝着这个方向努力。任何其他解决方案都将是 hack 并且缺乏良好实践,因为如果您想要(有一天您会)更改背景图像,您的所有元素都将需要一个新的适当位置,迫使您每次都更改 css。

关于css - 如何让内容在背景图片之后开始(响应式)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44098106/

相关文章:

css - 添加静态文件目录以覆盖 Django 中的 CSS

jquery - 每四个元素后与 hr 进行画廊设计

html - 并排放置两个div?

css - 光标的 SVG 表示无效的属性值

css - IE8 和 IE9 中的最大宽度和舍入误差?

javascript - 在 URL 栏中按下 ENTER 时如何更正 Firefox 中的#anchor 滚动位置

javascript - Twitter Bootstrap(和类似的 CSS 框架)文件夹位置

css flipped block interaction with non flipped, only webkit specific

jquery - 现代 jquery 选择器向后兼容吗?

html - 如何在不从图标下方开始的情况下将文本在其下方直线对齐?