【发布时间】：2018-01-03 00:54:12
【问题描述】：
我想在导航栏后面放置一个背景图像，该图像响应视口（窗口变小时会变小）。图像如下所示：
我希望黑色条带位于导航栏后面，然后手臂进入下一部分。我希望下一个 p 的文本不要与手臂重叠并围绕它对齐。
是否可以使用 CSS 来做到这一点？使用 HTML5。
非常感谢
【问题讨论】：
【发布时间】：2018-01-03 00:54:12
【问题描述】：
由于导航栏后面的黑条只是一个矩形，您可以使用 CSS 在导航栏的 div 上设置 background-color 或 #000，使其为 100% 宽度，并在其上设置高度.然后，只需将导航文本/按钮放在 div 中即可。
从那里，您可以只将手臂作为 HTML 中下一个元素的背景图像，并使用 background-position: top right 将其与页面右侧和顶部对齐，使其接触黑色导航栏。
希望对您有所帮助！如果您需要更多帮助，请告诉我，我可以在 codepen 中快速做一些事情：D
【讨论】：
-
非常感谢！黑条是一种享受，背景图像是一种享受，但是由于我的下一个 html 元素上的 padding-top 导致两个条之间存在间隙，我需要停止标题触摸导航栏。有没有办法我可以从填充中排除金臂背景img？再次感谢
-
当然，不要在下一个 html 元素上放置 padding-top，只需在下一个 htm 元素的 inside 中添加另一个元素，然后将 padding 放在那里。