php - 无法将背景放入我的工作的 HTML/CSS 模板中

Question

我为作品下载了一个免费的 css/html 模板，但我遇到了一个大问题...我尝试更改背景，但即使我保存并删除了(是的，我确实从我的图像中删除了之前的图像PC!)它仍然没有改变.. 我试图直接在 html 中定义背景，但是它没有显示任何照片作为背景。有什么问题？

我搜索了方法，但没有一个有效。我尝试在页面上使用 Inspect 功能进行分析，加载后，如果我在控制台中更改代码，则背景会发生变化。尽管，如果我用我在浏览器中制作的文件替换 css 文件，第一张图片又回来了，我想我永远无法摆脱它......

我想要的:

.main-home {
  background: url('../images/background.jpg') no-repeat;
  height: 100vh;
}

<section id="home" class="main-home parallax-section">
   <div class="overlay"></div>
   <div id="particles-js"></div>
</section>

我的浏览器显示的代码:

   .main-home {
      background: url('../images/home-bg.jpg') no-repeat;
      height: 100vh;

}

我希望看到 background.jpg 作为网站的实际背景，而不是这个...是的，我保存了 css，我刷新了，尝试了其他浏览器、其他样式等

Answer 1

使用属性 !important 它允许您增加样式的优先级。

.main-home {
  background: url('../images/background.jpg') no-repeat !important;
  height: 100vh;
}