CSS图像路径不起作用

Question

经过广泛的研究，我试过了

background-image: url("/images/image.jpg");
../../images/image.jpg
../images/image.jpg
/images/image.jpg
./image.jpg

整个网址。加上其他人。我不知道自己做错了什么。

路径是前进一个目录。

这是我的CSS：

nav {
    background-image: url ("./images/navmenu.jpg");
    width:100%;
    height:200px;
    margin:0;
    display:block;
    padding:0;

}

Answer 1

删除url后的空格，并删除路径中./之前的images：

background-image: url("images/navmenu.jpg");

Answer 2

nav {
background-image: url ("../images/navmenu.jpg");
width:100%;
height:200px;
margin:0;
display:block;
padding:0;

}

使用双点之前/图像这将适合你。

Answer 3

尝试使用chrome打开页面，然后检查导航元素，然后查看您的chrome尝试访问的css（将鼠标悬停在css样式选项卡中的url部分。它应该可以帮助您确定问题。

Answer 4

请检查文件夹名称是图像还是图像。因此使用样式 -

background-image: url("images/navmenu.jpg");

or

background-image: url("Images/navmenu.jpg");

如果它在您的网站上发生，请分享网址，以便我们找到确切的问题。 感谢