将网站上传到服务器时出现问题

Question

当我将网站上传到服务器时，导航背景的图像丢失了。其他一切都很好。这可能有什么问题？

navbar-default {

background: url(img/meshH.png);
padding: 10px 0;
box-shadow: 0 0 3px #ccc;
font-weight: 500;
padding-bottom: 18px;

Answer 1

可能问题在于图像路径，最好在开头添加../来给出路径。这意味着当前文件夹然后添加图像路径。

喜欢background: url(../img/meshH.png);

或

background-image: url('img/meshH.png');

Answer 2

＆＃39; IMG＆＃39;文件夹应位于虚拟目录的根目录下，例如网站名称为MyWebSite，并且它实际指向C：\ MyWebSite，因此＆＃39; img＆＃39;文件夹应该是C：\ MyWebSite \ img。

Answer 3

如果您的CSS文件位于根文件夹的目录中，则可能必须将../附加到网址，以便正确定位img文件夹，如下所示：

background: url(../img/meshH.png);

或

background-image: url(../img/meshH.png);

路径从CSS目录开始，因此您需要上传一个文件夹。