Css 有没有办法在网格项之间共享背景？

我只想让背景图像使用两个或更多网格项的空间

我曾经考虑过使用container元素，但是如果我只想使用两个项目的背景图像，而不是整个元素容器呢

HTML:

---

这就是你要找的吗

我在使用相同背景的2个元素中添加了一个div（.sub）。它是重复的。我发布了另一个结果不同的答案

标题{
网格区域：标题；
显示器：flex；
柔性流动：包裹；
flex:01自动；
对正内容：空间均匀；
对齐项目：居中；
填充：1em 0 1em 0；
}
.sub{
背景图片：url(https://cdn.pixabay.com/photo/2017/12/11/22/42/peacock-feathers-3013486_1280.jpg)
}
标题>a{
颜色：黑色；
}
广告{
网格区域：广告；
背景图片：url（./mi-vr-5.jpg）；
背景位置x:50%；
背景位置y:30%；
背景尺寸：1000px
}

“{HEADER-我是HEADER-HEADER}”
同侧肢体不动，不动或不动，不动姿势。在《圣经》中，最重要的是理解。应根据具体情况，将货物交给客户。

“{广告-立即购买-广告}”
Docendi的结论在duo中是正确的，但在persequeris定义中是错误的。在这方面，托利特完全合理。特写eligendi aliquando qui，sea mentitum解释ea。真理号。作为一种香精，它是一种暂时的温和的调味品。
莫多·昆多·康斯奎特·梅尔在。这是一辆奥姆内斯克torquatos牌的自行车，他的私人自行车。我的财产是连续的，我的财产是连续的。与奥古斯·欧佩罗（augue Emperdiet eu）一道，一个充满活力的都市人。比如说，没有节制的人，没有节制的人。尽管如此，我们仍然可以忽略现状

“{页脚-我是页脚-页脚}”

还是像这样

我创建了一个div（.sub），它围绕您希望影响的第一个元素、最后一个元素以及中间的所有元素。然后，我在中间的任何元素周围创建了一个子div（.advert_back），您不希望受到具有共享背景的初始div的影响。创建共享背景后，向sub div添加一个普通背景（在本例中，我只是将其设置为白色），这样它将“覆盖”穿过它的背景

标题{
网格区域：标题；
显示器：flex；
柔性流动：包裹；
flex:01自动；
对正内容：空间均匀；
对齐项目：居中；
填充：1em 0 1em 0；
}
.sub{
背景图片：url(https://cdn.pixabay.com/photo/2017/12/11/22/42/peacock-feathers-3013486_1280.jpg);
颜色：#ffff；
}
标题>a{
颜色：黑色；
}
.回广告{
背景色：#ffff；
颜色：黑色；
}
广告{
网格区域：广告；
背景图片：url（./mi-vr-5.jpg）；
背景位置x:50%；
背景位置y:30%；
背景尺寸：1000px
}

“{HEADER-我是HEADER-HEADER}”
同侧肢体不动，不动或不动，不动姿势。在《圣经》中，最重要的是理解。应根据具体情况，将货物交给客户。

“{广告-立即购买-广告}”
Docendi的结论在duo中是正确的，但在persequeris定义中是错误的。在这方面，托利特完全合理。特写eligendi aliquando qui，sea mentitum解释ea。真理号。作为一种香精，它是一种暂时的温和的调味品。莫多
全多咨询公司。这是一辆奥姆内斯克torquatos牌的自行车，他的私人自行车。我的财产是连续的，我的财产是连续的。与奥古斯·欧佩罗（augue Emperdiet eu）一道，一个充满活力的都市人。特别是我们中间人，
他克曼病。尽管如此，我们仍然可以忽略现状

“{页脚-我是页脚-页脚}”

这不是简单地复制了图片吗？我想在这两个项目上各画一张。抱歉，现在编辑@马西米兰，请看我的第二个答案。我明天在电脑前会告诉你的

<div class="container">
    <header></header>
    <main></main>
    <advert></advert>
    <aside></aside>
    <footer></footer>
  </div>

header  {
  grid-area: header;
  display: flex;
  flex-flow: wrap;
  flex: 0 1 auto;
  justify-content: space-evenly;
  align-items: center;
  padding: 1em 0 1em 0;

}

header > a  {
  color: black;
}

advert  {
  grid-area: advert;
  background-image: url(./mi-vr-5.jpg);
  background-position-x: 50%;
  background-position-y: 30%;
  background-size: 1000px
}