Question

我刚刚将我创建的第一个网站上传到服务器，但并非一切正常。我有几张插图使用CSS＆＃34; background：url（）＆＃34;财产，但由于某种原因，图片没有出现。我已经尝试将图片放在不同的文件夹中并更改路径。图片目前在主目录中，所以这就是我的代码的样子：

body {
    /*background: linear-gradient(#2c3e50 75%, #ecf0f1 95%);*/
    /*background-color: #2c3e50 ; */
    /*background-color: #c0392b; */
    margin: 0;
    padding: 0;
    background: url("Elegant_background-3.jpg");
    background-size: 100% 100%;
}

#main-container {
    /*border: 1px solid black;*/
    width: 960px;
    height: 445px;
    background: url("towncar.png") top center no-repeat;
    display: block;
}

任何提示？这些照片首先出现在“照片”中。文件夹但我移动它们并将它们放在主目录中这是网站：www.bayareasedans.com

Answer 1

首先，图像将来自css相对于css文件的源（因此目前正在http://www.bayareasedans.com/css/Elegant_background-3.jpg查找它们，检查F12开发人员工具），其次看起来你在Linux服务器上，和案件有关系，所以Elegant_Background-3.jpg（通知带有'B''）在我http://www.bayareasedans.com/Elegant_Background-3.jpg下工作得很好。

towncar.png工作正常，没有案例问题，假设您获得了http://www.bayareasedans.com/towncar.png的路径正确，因为它正在http://www.bayareasedans.com/css/towncar.png

寻找它

因此css所需的更改是（假设您不从根目录移动图像文件）

body {
/*background: linear-gradient(#2c3e50 75%, #ecf0f1 95%);*/
/*background-color: #2c3e50 ; */
/*background-color: #c0392b; */
margin: 0;
padding: 0;
background: url("/Elegant_Background-3.jpg"); /** Here **/
background-size: 100% 100%;
 }

#main-container {
/*border: 1px solid black;*/
width: 960px;
height: 445px;
background: url("/towncar.png") top center no-repeat; /** and Here **/
display: block;
}

Answer 2

CSS中的相对URL与CSS文件的位置有关。

例如，如果你从css /文件夹中的css文件中定位根文件夹中的文件，那么使用：

url("../towncar.png")

CSS后台属性无法在服务器上运行

2 个答案: