如何获得我的主图像以覆盖下面的标头和按钮部分

Question

我希望主图像位于标头和下面的按钮部分的背景中，因此，它们看起来都像是一幅平滑的图像，具有三个不同的部分。

我的网站是www.monoalarms.co.uk/wp

与此网站类似的内容标头广告设计：https://jacksonfire.co.uk/security/intruder/

我可以对此进行CSS编码吗，或者会是一个更复杂的过程？

预先感谢。

Answer 1

您可以使用纯CSS做到这一点：

.your-element {
  background: url('path/to/your/image') no-repeat center;
  background-size: cover; // meaning it will cover the whole size
}