CSS与背景图像的相对URL?

时间:2015-11-04 00:50:35

标签: css background-image

我的文件结构为:

home.html
img/bg_damask1.jpg
css/style.css

当我设置我的身体背景图像时,我无法加载它。我试过了:

background-image: url('../img/bg_damask1.jpg');
background-image: url('/img/bg_damask1.jpg');
background-image: url('img/bg_damask1.jpg');

但没有一个正在发挥作用。如何让我的CSS参考背景图片?

ETA:在浏览器开发工具中,我看到无论我放入什么文件路径,浏览器只引用'bg_damask1.jpg'而没有文件路径。如果我在开发工具中编辑它,则使用选项#1显示图像。现在我对导致故障的原因感到难过。

2 个答案:

答案 0 :(得分:1)

如果您尝试使用此身体。

你的CSS必须是这样的

/var/www/html

另外你的例子是



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

body {
	background-image: url(http://www.radioviva.fm.br/images/backgrounds/bg-squares-3d.jpg);
}




这个例子你必须改变你的URL路径。

答案 1 :(得分:0)

第三个选项应该正常工作,检查webbrowser中的源代码并检查图像是否实际找到。如果没有尝试重新上传图像,重命名或将其放在另一个文件夹中。