Question

我无法在CSS中添加静态文件，无法将其用作我网站的背景图片。静态网址确实有效，因为我已在HTML中对其进行了测试，但由于某种原因，它无法在CSS中使用。

HTML：

{% extends 'base.html' %}

{% block body %}
    <div class ='splash'>
        <a href="{{ STATIC_URL }}background.JPG"> try me </a>
        </div>

{% endblock body %}

CSS：

    .splash{
    background-image: url("{{ STATIC_URL }}background.JPG");

    background-size: 100%;
    height: 1000px;


    }

不工作

TEST CSS:

.splash{
    background-image: url("http://127.0.0.1:8000/static/background.JPG");

    background-size: 100%;
    height: 1000px;


}

工作

..如何使静态URL工作？

Answer 1

Django不会处理css文件。在生产服务器中，它可能仅由nginx或apache提供服务。

改用相对路径。

如果您的css文件与背景图片位于同一目录上，请按以下方式添加：

.splash {
    background-image: url("background.JPG");
}

或者你可以使用完整的网址：

.splash {
    background-image: url("/static/background.JPG");
}

如果您有这样的目录结构：

|static
|--css
|--img

您可以这样指定：

.splash {
    background-image: url("../img/background.JPG");
}

无法获取静态URL以在CSS中工作

1 个答案: