html - 如何在 One Page Wonder Bootstrap 模板中插入背景图片？

Question

我正在使用 One Page Wonder Bootstrap 模板构建:https://startbootstrap.com/themes/one-page-wonder/

我不知道如何在 header 中插入背景图片。有没有人有这方面的经验？

谢谢!

Answer 1

您可以使用此规则替换大部分 header 内容。

header.masthead .masthead-content {
  background-image: url('http//example.com/image.png');
}

不过，更换整个 header 广告更为复杂。您可能希望从编辑 HTML 开始，删除 bg-circle 元素，让您可以使用更干净的 DOM。