当我将网站上传到服务器时,导航背景的图像丢失。其他一切正常。这里有什么可能是错的?将网站上传到服务器时出现问题
navbar-default {
background: url(img/meshH.png);
padding: 10px 0;
box-shadow: 0 0 3px #ccc;
font-weight: 500;
padding-bottom: 18px;
当我将网站上传到服务器时,导航背景的图像丢失。其他一切正常。这里有什么可能是错的?将网站上传到服务器时出现问题
navbar-default {
background: url(img/meshH.png);
padding: 10px 0;
box-shadow: 0 0 3px #ccc;
font-weight: 500;
padding-bottom: 18px;
可能是图像路径的问题,最好是通过在开始处添加../来给出路径。它意味着当前文件夹然后添加图像路径。
像background: url(../img/meshH.png);
或
background-image: url('img/meshH.png');
“IMG”文件夹应该在你的虚拟目录的根目录,称该网站的名称是MyWebSite,它的物理指向C:\ MyWebSite,所以'img'文件夹应该是C:\ MyWebSite \ img。
如果你的CSS文件位于在根文件夹的目录,你可能需要追加../
到url为了目标的IMG文件夹正常,像这样:
background: url(../img/meshH.png);
或者
background-image: url(../img/meshH.png);
路径从你的CSS目录开始,所以你需要上去一个文件夹。
你把'meshH.png'上传到'img'目录了吗? – Amadan
直接从浏览器访问该图像会发生什么? – Griffith
网站的网址是什么? –