Html 上部div背景与主体背景_Html_Css

Html 上部div背景与主体背景

html css

Html 上部div背景与主体背景,html,css,Html,Css,我在我的项目中有一个非常漂亮的图像作为身体背景。然后，我在上面添加了不同的div层但是，在我的上半身，我想把身体背景图像作为我的上半身的背景，当然是在它下面可能吗 <html> <body style="background: url('my MAGNIFICIENT IMAGE');"> <div style="background-color: black;"> <div styl

我在我的项目中有一个非常漂亮的图像作为身体背景。然后，我在上面添加了不同的div层

但是，在我的上半身，我想把身体背景图像作为我的上半身的背景，当然是在它下面

可能吗

<html>
  <body style="background: url('my MAGNIFICIENT IMAGE');">
    <div style="background-color: black;">
      <div style="background-color: orange;">
        <div style="**background: THE BODY ONE (my MAGNIFICIENT IMAGE ???**">
        </div>
      </div>
    </div>
  </body>
</html>

只需使用与身体相同的放大图像，并设置背景附件：fixed；。最后，你还需要调整背景位置。

只需使用与身体相同的放大图像，并设置背景附件：固定；。最后你还得调整背景位置。

像这样的事情

身体{ 背景：中间/封面urlhttps://www.thespruce.com/thmb/BEHApXGrqTAcKxnnKjbXYw6gj4Q=/2121x1193/smart/filters:no_upscale/zen-garden-w-plants-big-5c130a6946e0fb0001f8f0dd.jpg无重复固定；高度：100vh；宽度：100vw；显示器：flex；弯曲方向：立柱；证明内容：中心；对齐项目：居中； } 一，二{ 显示器：flex；弯曲方向：立柱；证明内容：中心；对齐项目：居中；保证金：自动； } 一个{ 高度：80vh；宽度：80vw； } 两个{ 高度：60vh；宽度：60vw； } 覆盖层{ 背景：中间/封面urlhttps://www.thespruce.com/thmb/BEHApXGrqTAcKxnnKjbXYw6gj4Q=/2121x1193/smart/filters:no_upscale/zen-garden-w-plants-big-5c130a6946e0fb0001f8f0dd.jpg无重复固定；高度：40vh；宽度：40vw；保证金：自动； } 像这样的