Question

我正在运行django 1.5.1而我正试图提供在我的CSS中定义的一些静态图像。我没有问题服务css本身和模板中定义的静态图像。 css中定义的样式也正确应用于我的模板。唯一不起作用的是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>

谢谢！

Answer 1

你的问题与Django无关，这是一件好事。您的CSS文件无法正确提供图像的路径。

如果您有类似此文件夹结构的内容;

static
    images
        banner2.png
    css
        main.css
    js

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

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

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

1 个答案: