Referenzierung Bild in CSS mit relativen Pfad funktioniert nicht in Django

Bin ich mit Django 1.3 mit built-in static app.

Meine statische Ordner-Struktur ist wie folgt:

static/
    css/
       main.css
       img/
    js/

Also habe ich versucht, die Referenz-Bilder unter static/css/img/ Ordner von CSS wie dieses:

background:url('img/btn_white.gif') repeat-x;

Aber die Bilder, die don ' E zeigen. Wenn ich überprüfen Elemente in Chrom, ich fand das Bild Weg http://localhost/mysite/static/css/main.css/img/btn_white.gif/

Das ist sehr komisch, da diese relativen Pfad haben sollte verwiesen static/css/ Ordner statt main.css. Also habe ich versucht zu ändern, Weg zu sein url('../img/btn_white.gif'), und es funktioniert in Chrome und Firefox aber nicht im IE.

Ich bin ziemlich sicher, dass dieses problem bezieht sich auf Django, weil in meinem reinen HTML/CSS, ist dieser relative Pfad funktioniert Prima. Ich habe auch versucht, css in den media Ordner und das problem ist das gleiche.

Meine Einstellungen im Zusammenhang mit der statischen app:

in settings.py:

STATIC_ROOT = os.path.join(os.path.dirname(__file__),'static').replace('\\','/')
STATIC_URL = 'http://localhost/mysite/static/'

in urls.py:

(r'^static/(?P<path>.*)/$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT}),

Gehören die <link> tag sind Sie mit Ihrer Vorlage.
type="text/css" href="{{ STATIC_URL }}css/main.css" />
Hmm, ich habe gerade realisiert, dass Sie zeigen eine Struktur von static/css/img. Meinst du für img unter css Verzeichnis oder side-by-side? Wenn gewollt, könnten Sie versuchen, verschieben Sie eine Ebene, dann die url(../img/btn.gif) syntax wäre richtig.
Akzeptieren Sie meine Antwort?
wie sagte - wenn eine Antwort löst deine Frage, sollten Sie das Häkchen es.
sorry das wusste ich nicht. Bereits markiert es vor einigen Tagen.

InformationsquelleAutor Yifu | 2011-06-12

django django-static

9

Das problem verursacht, indem Sie Ihre URLconf, speziell das Muster:
```
r'^static/(?P<path>.*)/$'
```
Dies bedeutet, dass die URL muss Ende einen Schrägstrich und für es zu die diesem Muster entsprechen. d.h. die folgende URL nicht mit: (weil es nicht mit einem nachgestellten Schrägstrich)
```
/mysite/static/css/main.css
```
Komisch ist, dass es hat Arbeit. Der Grund dafür ist Django ' s APPEND_SLASH Einstellung:

Wenn auf True gesetzt, wenn die Anforderungs-URL entspricht nicht jedes beliebige Muster in der URLconf und es endet nicht mit einem Schrägstrich, einen HTTP-redirect ausgegeben wird, um die gleiche URL mit einem Schrägstrich angefügt. Beachten Sie, dass die Umleitung kann dazu führen, alle übermittelten Daten in einer POST-Anforderung verloren.

So, wenn Ihr browser macht eine Anfrage an:
```
/mysite/static/css/main.css
```
...Django nicht überein es gegen eine der URLs, und erlässt eine Umleitung zu: (weil APPEND_SLASH standardmäßig auf True)
```
mysite/static/css/main.css/
```
Diese neue Anforderung erfolgreich sein wird, und Ihr browser ist nun in der Lage, laden Sie die CSS-Datei, aber die CSS-Datei, die resource-URL endet jetzt mit einem Schrägstrich. Wenn Ihr browser verarbeitet die CSS-Regeln und kommt auf:
```
background:url('img/btn_white.gif') repeat-x;
```
Versucht er beizutreten, dass die relative URI, um die URI der CSS-Ressource. z.B.:
```
/mysite/static/css/main.css/ + img/btn_white.gif = /mysite/static/css/main.css/img/btn_white.gif
```
Schlägt dies fehl, so werden Sie von Ihrem browser erhalten, eine Umleitung zu: (wieder wegen der APPEND_SLASH)
```
/mysite/static/css/main.css/img/btn_white.gif/
```
Aber offensichtlich, dass auch scheitern wird.

Lösungen

Ändern Sie Ihre URL-Muster die folgende: (Hinweis: der entfernt nachgestellte / im Muster)
```
(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT}),
```
Oder verwenden Sie eine der empfohlene Methoden:
```
from django.conf import settings

if settings.DEBUG:
    urlpatterns += patterns('django.contrib.staticfiles.views',
        url(r'^static/(?P<path>.*)$', 'serve'),
    )
```
...oder:
```
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

# ... the rest of your URLconf here ...

urlpatterns += staticfiles_urlpatterns()
```
- Das macht Sinn - ich habe mehr Probleme mit, als Sie sollte oder sollte nicht haben Schrägstriche...
- Hoffentlich wird meine write-up macht es ein bisschen klarer, was Los ist 🙂
- Danke, das ist genau das problem! Ich löste es durch den Wegfall der Schrägstrich in meiner ursprünglichen url-Einstellung. Aber für die beiden Vorschläge, die Sie mir, der erste wird nicht funktionieren. Die zweite hat import-Fehler in Django 1.3.
- es funktioniert gut für mich auf Django 1.3, öffnen Sie eine neue Frage, wenn Sie erkunden wollen, dass problem.
- Ich habe viel mehr Zeit Stockschlag Django, als ich möchte. Schöne Erklärung +1
InformationsquelleAutor bradley.ayers

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Lösungen