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

也许您的ID为#home的部分具有另一个CSS。或请尝试使用！important。如下图

background: url('../images/home-bg.jpg') !important;

Answer 2

使用属性!important，可以提高样式的优先级。

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

Answer 3

尝试添加background-size和background-position

.main-home {
  background-image: url('../images/background.jpg');
  height: 100vh;
  width: auto;
  background-repeat: no-repeat;
  background-size: center;
  background-position: center;
}

Answer 4

在包含图像路径的css文件中查找每个css规则 'images / background.jpg'（例如：）。有时，可能会通过不同的CSS规则调用图片，例如媒体查询部分。
打开Chrome检查器的“网络”标签，然后检查“启动器”列针对“ images / background.jpg”图像请求。悬停在它上面它将显示触发图像请求的代码。例如，如果图像是从JS文件触发的，则特定行引发该操作的操作将显示在“启动器”部分中。
就像每次清除缓存一样。

无法为我的工作在HTML / CSS模板中放置背景

4 个答案: