Question

我正在django写一个项目。我有一个css代码：

  .featurette1 {
  height: 62px
  width:1030px;
  margin: 100px 0; /* Space out the Bootstrap <hr> more */
  background-image: url("${ STATIC_URL }base_app/images/apple.png");
  background-repeat:no-repeat;
}

我在我的base_template.htm中（包含在样式标签之间，它工作得很好。但是在我将它移动到base_template.css之后。图像无法读取。我想我需要更改图像路径？< / p>

我的图片路径是：projectname / base_app 这是我的所有进口产品：

在顶部

    <%! from base_app import static_files %>
    <%  static_renderer = static_files.StaticRenderer(self) %>
    <link rel="stylesheet" href="/static/base_app/styles/bootstrap.css"/>
    <link rel="stylesheet" href="/static/base_app/styles/base_template.css"/>

在底部

${ static_renderer.get_template_js(request, context)  }

Answer 1

也许您应该检查项目的settings.py并添加：

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.6/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
    '/path/to/project/static/',
)

然后在你的模板（.html文件）中尝试添加：

{% load staticfiles %}
<link href="{% static "base_app/styles/bootstrap.css" %}" rel="stylesheet">

同样在您的CSS中，您不需要使用STATIC_URL只需尝试：

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

最后我认为django网站上的教程会对你有所帮助！看看吧！

Answer 2

您可能不需要在图片网址中加入${ STATIC_URL }。根据{{3}}，url()中的路径与样式表相关。

你可以使用类似的东西：

.featurette1 {
  height: 62px
  width:1030px;
  margin: 100px 0; /* Space out the Bootstrap <hr> more */
  background-image: url("../images/apple.png");
  background-repeat:no-repeat;
}

背景网址 - 图像路径

2 个答案: