Question

所以这是我的CSS代码：

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

}

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

Answer 1

你的代码看起来很好做了几件事！

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

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

你可以做的最后一件事就是点击 ctrl + f12 for inspect element那里你的代码可能出现了什么问题！

还要多次点击 ctrl + f12 检查您的控制台问题是我们没有使用正确的文件路径导致找不到文件错误< / p>

如果以上都不能共享您的html代码，css代码，那么我们可以查看它希望有所帮助！

Answer 2

尝试这个我认为

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

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

Answer 3

您可以尝试的是，您可以将您的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标签

div Img后台在我的CSS中不起作用

3 个答案: