2015-11-05 191 views
1

我有一些问题,因为我无法从CSS文件设置我的背景照片。HTML设置背景图像路径

我正在使用netbeans。我有一个名为css的文件夹,里面有global.css。里面global.css中我有这样的代码:

body{ 
    background-image: url(/images/background.jpg); 
} 

Background.jpg一个名为图片文件夹中,结构如下:

--Web Pages 
    -css 
     global.css 
    -images 
     background.jpg 

    -index.html 
--Source Packages 
--etc 

它不工作,为什么?

回答

1

目前,它是在css(global.css)中它应该去一级(css文件夹,图像文件夹),然后进入图像文件夹。

body{ 
    background-image: url(../images/background.jpg); 
} 
+0

谢谢,它解决了这个问题。 – user2911701

+0

@ user2911701不客气。 [这是有用的文章的CSS路径](https://css-tricks.com/quick-reminder-about-file-paths/)和[这一个](http://jeffreybarke.net/2013/06/paths -and-网址相对和绝对/) – Alex

2

css加载是否正确?如果是这样,然后看看网址:使用尾随散列之前的图像/链接到您的服务器的根目录,但您的图像它不在那里。使用../去你的filesistem中的上限,然后然后进入你的图片文件夹。这应该工作:

body{ 
 
    background-image: url(../images/background.jpg); 
 
}

2

改变路径以这样的:background-image: url(../images/background.jpg);