Question

我在Meteor项目中使用bootstrap中的this模板。

问题是标题背景图片没有出现。

应设置标题背景的代码位于css/agency.css文件夹中，如下所示：

header.masthead {
  text-align: center;
  color: white;
  background-image: url("../img/header-bg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这是标题HTML脚本：

<header class="masthead">
  <div class="container">
    <div class="intro-text">
      <div class="intro-lead-in">Welcome To Our Studio!</div>
      <div class="intro-heading text-uppercase">It's Nice To Meet You</div>
      <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>
    </div>
  </div>
</header>

我做的是，我在根目录中创建了一个名为public的文件夹，并将所有图像复制到那里。

然后我将background-image: url("../img/header-bg.jpg");更改为background-image: url("header-bg.jpg");然后background-image: url("../../public/header-bg.jpg");，但两次尝试均无效。

我在这里做错了什么？

Answer 1

检查引导程序模板后，您必须对css/agency.min.css到StringBuilder进行相同的更改，它应该可以正常工作。

希望这会有所帮助

如何添加标题背景图像？ - MeteorJS

1 个答案: