Css 将背景图像放置在导航栏上，并允许溢流进入下一部分

我想在导航栏后面放置一个背景图像，当窗口变小时，它会响应视口变小。图像如下所示：

我希望黑带在导航栏后面，手臂进入下一部分。我希望下一个p的文本不要重叠在手臂上，并围绕手臂对齐

使用CSS可以做到这一点吗？使用HTML5

---

非常感谢

由于导航栏后面的黑条只是一个矩形，您可以使用CSS在导航栏的div上设置背景色000，使其为100%宽度，并在其上设置高度。然后，只需将导航文本/按钮放在该div中即可

从那里，您可以让手臂成为HTML中下一个元素的背景图像，并使用background position:top right将其与页面右侧对齐，top使其与黑色导航栏接触

---

希望有帮助！如果您需要更多帮助，请告诉我，我可以用密码笔快速完成一些事情：D

非常感谢！黑色条起作用，背景图像起作用，但是由于在下一个html元素上填充了top，这两个条之间有一个间隙，我需要阻止标题接触导航条。有没有办法从填充中排除goldenarm背景img？谢谢，不要在下一个html元素上添加填充，只需在下一个htm元素中添加另一个元素并将填充放在那里即可。