div 图片背景在我的 CSS 中不起作用答案

【问题标题】：div Img background doesn't work in my CSSdiv 图片背景在我的 CSS 中不起作用
【发布时间】：2017-06-12 15:12:30
【问题描述】：

这是我的 CSS 代码：

#plaatje {
background-image: url('Plaatjes\slider_two_temp.jpg');
width: 100%;
height: 600px;
position: absolute;
top: 0px;
left: 0px;

}

而且它根本不起作用。我将图片放在与我的 HTML 文件相同的地图中。

【问题讨论】：

您的 CSS 是直接在您的 HTML 文件中，还是 CSS 文件与您的图片在同一目录中？使用浏览器检查器查看发生了什么
CSS 中的相对路径是相对于 CSS 文件的，而不是相对于 HTML 文件的。这是否回答你的问题？如果没有，您能否提供一个证明问题的minimal reproducible example？
提供代码或详细说明问题，以便其他人可以为您的问题做出贡献。
将文件路径中的反斜杠更改为常规斜杠，如/

标签： html css image background background-image

【解决方案1】：

您的代码看起来不错，可以做几件事！

先检查id #plaatje 引用是否正确？还要检查css和html文件的路径

第二次检查你的图片的路径你在css中给出的路径是相对于你的css文件的，你应该输入正确的路径！如果您不确定使用绝对路径，例如 background-image: url('http://localhost/Plaatjes/images/slider_two_temp.jpg'); 但注意如果您有一个大型应用程序，您可能需要更改实时服务器的所有路径！

你可以做的最后一件事是点击 ctrl+f12 来检查元素，你可以知道你的代码到底有什么问题！

还可以通过多次点击 ctrl+f12 来检查您的控制台，问题是我们没有为我们的文件使用正确的路径，这会导致 找不到文件 错误

如果以上工作都没有共享您的html代码，css代码，那么我们可以看看它希望有帮助！！！

【讨论】：

【解决方案2】：

您可以尝试的是，您可以将您的 id 详细信息包含在样式标签中，您可以将 id 名称添加到任何标签（如段落标签）中，之后您的所有代码都会正常。

<style>
 #plaatje{
    background-image: url('Plaatjes/slider_two_temp.jpg');
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
</style>
    <p id="plaatje"></p>

如果你想试试这个

 <div id="plaatje"></div>

它也适用于 div 标签

【讨论】：

【解决方案3】：

我想试试这个

#plaatje {
  background-image:url('http://investorplace.com/wp-content/uploads/2016/02/google-amazon-goog-amzn-stock-300x200.jpg');
}

https://jsfiddle.net/karanmehta786/rd1yezc2/

【讨论】：