Html div的背景图像不工作

Html div的背景图像不工作,html,css,Html,Css,为什么我的背景图像不工作 HTML <div class="container-fluid"> </div> 为什么开车?我在工作时间和家里练习我的编码,这就是为什么位置是驱动g我想你可以给出 .container-fluid{ background-image: url('bora1.jpg'); } 如果您的图像与html页面位于同一文件夹中。只需在您的项目中创建一个图像文件夹,并将您的图像放入该文件夹,然后给出该文件夹的路径,如 <img src="

为什么我的背景图像不工作

HTML

<div class="container-fluid">
</div>
为什么开车?我在工作时间和家里练习我的编码,这就是为什么位置是驱动g

我想你可以给出

.container-fluid{
   background-image: url('bora1.jpg');
}

如果您的图像与html页面位于同一文件夹中。

只需在您的项目中创建一个图像文件夹,并将您的图像放入该文件夹,然后给出该文件夹的路径,如

<img src="images/bora1.jpg">

这对你来说很容易。如果你已经为这个图像创建了一个特殊的类,那么只需将它用于

<div>   


如果项目中的图像包含“.”是根据您的评论设置的图像路径,这可能会解决您的问题。只需使用一个相对路径,它会更好、更短

.container-fluid{
   background-image: url('img/bora1.jpg');
}
尝试这样做:

.container-fluid{
       background:url(../img/boral.jpg);
      }

这条路对吗?你有没有检查开发人员的工具控制台中是否有任何错误?应该是G:\etc\vvo\practice\img\bora1.jpg这不是http地址,而是路径。你可以使用相对路径,而不是绝对路径。我认为url路径不正确…只需检查一下…尝试使用css文件的相对路径检查doveloper控制台,您可能会遇到类似“不允许加载本地资源”的错误。根据用户的问题,这是没有意义的。我的html文件位于G:/etc/vvo/practice上,而我的图像位于“G:/etc/vvo/practice/img/bora1.jpg”上。我尝试过它不起作用。单击f12并查看浏览器开发工具转到控制台,如果它显示错误404,则未找到该图像,然后单击在控制台的图像上,它将给出图像的路径。然后你可以检查它的图像路径。我试着用你说的程序将图片/图像移动到.css位置,但仍然不起作用。为什么移动图像?你能告诉我css文件的目录吗?图片的目录在这里是G:\etc\vvo\practice\img,然后HTML和css G:\etc\vvo\practice根据你的评论编辑了我的答案。你能检查一下开发人员的控制台是否有任何错误吗?根据文件的位置,答案应该有效
.container-fluid{
   background-image: url('img/bora1.jpg');
}
.container-fluid{
       background:url(../img/boral.jpg);
      }