背景图片 - 让图像运行到其他div？

Question

我想将this image设置为this page上的背景图片。我想让背景图片从课程navbar navbar-default开始。现在我的问题来了。我希望图像继续下一个名为

的div

class="elementor-element elementor-element-gjr87i6 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"

我该如何实现？ - 我已经尝试过溢出但是我没有让它工作。

Answer 1

您必须将背景图像设置为div，并且在此div中，您必须放置您想要共享相同背景的其他div。

Answer 2

您可以将div包裹在公共父div中并将背景图像应用于该父div。使用jQuery wrapAll()函数动态包装它们（假设它们相邻div）。

<div class='wrap'>
  <div class='navbar navbar-default'></div>
  <div class='elementor-element elementor-element-gjr87i6 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section'></div>
</div>

.wrap {
  background: url('...') no-repeat;
  background-size: cover;
}

$('.navbar-default, .elementor-top-section').wrapAll('<div class="wrap"></div>');