HTML设置背景图片路径

时间:2015-11-05 18:01:31

标签: html css image

我遇到了一些问题,因为我无法从CSS文件中设置背景照片。

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

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

Background.jpg位于名为images的文件夹中,结构如下:

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

     -index.html
--Source Packages
--etc

它不起作用,为什么?

3 个答案:

答案 0 :(得分:2)

css是否正确加载?如果是这样,那么请查看网址:在图片/链接到服务器根目录之前使用尾随哈希,但是您的图片不在那里。使用../在文件系统的上方,然后然后进入 images 文件夹。这应该有效:

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

答案 1 :(得分:2)

更改此路径:background-image: url(../images/background.jpg);

答案 2 :(得分:1)

目前,它位于css(global.css)内,它应该向上一级(css文件夹,图像文件夹),然后进入images文件夹。

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