图片不会载入为CSS背景

时间:2019-08-26 21:34:11

标签: html css

enter image description here

当网站加载时,我试图制作整页的背景图片。问题是,我尝试过的所有图像都不会加载。

我检查了我的代码语法,检查了图像格式,检查了我的图像文件夹路径,一切似乎都很好,但是图像仍然无法加载。

CSS:

.header-nav-menu{
    background-image: url("../project/full.jpg");
}

我没有收到任何错误消息,所以我不知道问题出在哪里。

4 个答案:

答案 0 :(得分:0)

尝试在根级别引用映像。像这样:

fopen

答案 1 :(得分:0)

您还应该能够使用代码编辑器检查文件路径,如果它重定向到图像,则该路径是好的,语法是好的。如果您使用的是img,请检查是否将img正确上载到服务器,否则按如下所述将其直接放在根目录下,那么它可能会造成很多麻烦。

答案 2 :(得分:0)

您应该尝试使用浏览器的开发工具进行调查。 (在Chrome上为F12)。您可以查看页面中是否存在图像部分。尝试使用完整路径,而不是相对路径,看看是否能给您带来任何好处。同样,这可能是一个权限问题,其中无法访问包含图像的文件夹。

答案 3 :(得分:0)

.header-nav-menu {
  background-image: url('full.jpg');
}

继续阅读以下内容:Difference between Relative path and absolute path in javascript