Django提供在CSS文件中定义的静态图像

我正在运行django 1.5.1，我试图提供一些在我的css中定义的静态图像。我没有问题，在模板中定义的css本身和静态图像。在css中定义的样式也正确地应用于我的模板。唯一不起作用的是在CSS中定义的图像。Django提供在CSS文件中定义的静态图像

这是我的CSS文件的定义类，其包括静态图象的样品：

.outer_banner 
{ 
    background:url(/images/banner2.png) bottom center no-repeat; 
    padding:300px 0; 
}

下面是使用在CSS中定义的类我的模板的一个例子：

{% load staticfiles %} 
<!DOCTYPE html> 
<html> 
    <head> 

     <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" /> 

     <!-- more header stuff here --> 
    </head> 

<body> 

    <section class="outer_banner"> 

     <!-- other stuff here --> 

    </section>  
</body> 
</html>

谢谢！

来源

2014-09-06 Belethia

那你问题与Django无关，这是件好事。这只是你的图片路径没有被你的CSS文件正确地提供。

如果你有类似这样的文件夹结构;

static 
    images 
     banner2.png 
    css 
     main.css 
    js

为了让你的CSS找到你的图像假设是你需要回到一个文件夹，这样的URL，你的CSS文件中的图像看起来像这样的文件夹结构;

.outer_banner 
{ 
    background:url(../images/banner2.png) bottom center no-repeat; 
    padding:300px 0; 
}

来源

2014-09-06 21:59:41

非常感谢！这解决了问题。 – Belethia 2014-09-07 08:40:07

Django提供在CSS文件中定义的静态图像

回答

相关问题