我想将我制作的背景图像放置在我的导航栏后面，该图像响应视口(viewport)(当窗口变小时变小)。图像看起来像这样:
我希望黑色带位于导航栏后面，然后让 ARM 进入下一部分。我希望下一个 p 的文本不要重叠在 ARM 上并围绕它对齐。
是否可以使用 CSS 来做到这一点？使用 HTML5。
非常感谢
最佳答案
由于导航后面的黑条只是一个矩形，您可以使用 CSS 在导航栏的 div 上设置 #000 的 background-color，将其设置为 100% 宽度，并在其上设置高度。然后，只需将您的导航文本/按钮放在该 div 中即可。
从那里，您可以只将 ARM 作为 HTML 中下一个元素的背景图像，并使用 background-position: top right 将其与页面右侧对齐，然后顶部，使其接触黑色导航栏。
希望对您有所帮助!如果您需要更多帮助，请告诉我，我可以在 Codepen 中快速完成一些工作 :D
关于css - 将背景图像放在导航栏上并允许溢出到下一部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48069845/