背景图像路径无法正确呈现

时间:2013-04-05 08:00:17

标签: css django background-image less

我正在使用Django Compress能够直接使用更少的文件,而不必将它们转换为css文件,除了背景图像之外,由于某些原因,路径无法正确转换,因此工作正常。 / p>

较少的文件链接到base.html,如下所示:

<link rel="stylesheet/less" type="text/css" media="all" href="{{ STATIC_URL }}css/less/style.less" />

图像位于静态/图像中, static / css / less 中的文件较少。在较少的文件中,我链接到它们:

background-image:url(".../images/sprite.png");

......应该可以正常工作,但根本不工作。查看渲染的css时,背景图像路径为:

"http://localhost:8000/static/css/less/.../images/sprite.png"

有什么问题,我该如何解决?

注意:我已经尝试了1,2和3个点而没有任何运气。

3 个答案:

答案 0 :(得分:1)

由于您的图像位于静态文件夹中,因此您必须返回两个目录:

backgroun-image: url('../../images/sprite.png');

答案 1 :(得分:1)

你的路径看起来不对。你的css找不到路径的路径,你可以查看路径并进行测试!

尝试使用2

background-image:url("../images/sprite.png") no-repeat;
background:1px solid red;

看到有什么退出

答案 2 :(得分:0)

三个点而不是两个点。解决了这个问题。

background-image:url("../images/sprite.png");