Html div Img背景不';我的CSS不工作

Html div Img背景不';我的CSS不工作,html,css,image,background,background-image,Html,Css,Image,Background,Background Image,这是我的CSS代码: #plaatje { background-image: url('Plaatjes\slider_two_temp.jpg'); width: 100%; height: 600px; position: absolute; top: 0px; left: 0px; } 这根本不起作用。我将图片放在与HTML文件相同的地图中 您的代码看起来不错,请执行以下操作 首先检查id#plaatje是否正确引用?还要检查css和html文件的路径 第二,检查你的图像的路径。你在c

这是我的CSS代码:

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


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

您的代码看起来不错,请执行以下操作

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

第二,检查你的图像的路径。你在css中给出的路径是相对于你的css文件的。你应该输入正确的路径!如果您对此不确定,请使用绝对路径,例如
背景图像:url('http://localhost/Plaatjes/images/slider_two_temp.jpg');但要小心如果您有一个大型应用程序,那么您可能需要更改live server的所有路径

你能做的最后一件事就是点击ctrl+f12检查元素,你可以知道你的代码到底出了什么问题

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

如果上面的作品都没有分享你的html代码,css代码,我们可以看看 希望有帮助

我想试试这个

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

}
您可以尝试的是,您可以将您的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>

#普拉杰{
背景图片:url('Plaatjes/slider_two_temp.jpg');
宽度:100%;
高度:600px;
位置:绝对位置;
顶部:0px;
左:0px;
}

如果你想试试这个

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


对于div tag,它也可以正常工作

您的CSS是否直接在您的HTML文件中,或者CSS文件是否与您的图像位于同一目录中?使用浏览器检查器查看发生了什么CSS中的相对路径是相对于CSS文件的,而不是相对于HTML文件的。这回答了你的问题吗?如果没有,您能否提供一个示例来说明问题?请提供代码或详细说明问题,以便其他人能够对您的问题做出贡献。将文件路径中的反斜杠更改为常规斜杠,如
/