如何修复检查元素站点中的灰色代码答案

【问题标题】：how to fix greyed out code in inspect element site如何修复检查元素站点中的灰色代码
【发布时间】：2020-11-22 14:42:42
【问题描述】：

我已在我正在构建的网站的背景中放置了一张图片，但它没有显示出来。我通过谷歌浏览器运行了检查模式，图像变灰了，没有被应用。

我的css代码：

body {
    font-family: Raleway;
    margin: 0;
    background-image: url(background.png);
}

我没有在 index.html 中列出图像，但它保存在 images 文件夹中。 index.html 显示中列出的其他图像。

我在发布之前在 localhost 下创建此站点，所以我没有发布链接。但是，图片的链接如下。 what the page looks like

【问题讨论】：

我们看不到图片。请重新检查您的帖子
@Pacholoamit，图片是帖子底部的链接。我无法在帖子中嵌入图片。

标签： css web-inspector

【解决方案1】：

图片是否与您的 index.html 位于同一文件夹中？如果它在另一个文件夹中，那么您需要引用文件路径。 Here's a link regarding file paths。我鼓励你阅读它。你提到它在另一个文件夹中，你必须在background-image: url(FILE PATH HERE)上键入该文件路径

【讨论】：

它不工作。该图像位于项目文件夹中的图像文件夹中。我已经尝试将整个链接放在 () 中，但仍然无法正常工作。
你能不能给我你放的网址，你的图片所在的目录，以及索引文件的位置。要的话给我图片。我相信我们可以解决这个问题:)
背景图片：url("C:\Bitnami\wordpress-5.5.1-2\apps\wordpress\htdocs\wp-content\themes\sophisticentric-beauty\images\background.png" ）的CSS。我应该把它放在 index.html 中吗？ [链接]dropbox.com/s/uckipnz5f3atcsz/FINAL.jpg?dl=0我正在重建的东西
如果您的 index.html 位于“sophisticentric-beauty”中，请尝试background-image: url("./images/background.png")
做到了！我想知道为什么它没有早点工作。我浏览了您最初发送的链接中的列表。我一定是少了一个引号之类的。