2009-10-23 12 views
6

Im JQuery mit dem Hintergrundbild eines div wie folgt festzulegen:Rahmen div Hintergrundbild mit JQuery

$(document).ready(function() { 
    $('#pic').css("background","url(images/pic.jpg)"); 

}); 

Aber das Bild nicht angezeigt bekommt. Wie behebe ich das?

Vielen Dank.

Antwort

1

Sollte funktionieren, aber haben Sie versucht mit "Hintergrundbild" anstelle von "Hintergrund"?

Kannst du auch über deinen Browser korrekt zum Bild navigieren? I.e. IhreDomain/Bilder/Bild.jpg?

Bearbeiten: Haben Sie auch eine Breite und Höhe für die div? Das div wird für ein Hintergrundbild nicht automatisch skaliert.

+0

Sollte mit 'Hintergrund' oder 'Hintergrundbild' arbeiten. Es ist immer eine gute Idee, das Bild durch Navigieren zu überprüfen. – belugabob

+0

Guter Punkt über die Breite und Höhe, aber ich nehme an, es gibt wahrscheinlich eine andere Markup innerhalb der div, die es Höhe und Breite gibt). – belugabob

+0

Deshalb habe ich die Frage gestellt. – GenericTypeTea

8

vielleicht funktioniert es auch mit background aber ich benutze immer

background-image 

Und auch in Anführungszeichen setzen müssen den Weg, den ich immer

$('#pic').css("background-image","url('images/pic.jpg')"); 
+0

Sollte mit 'Hintergrund' oder 'Hintergrundbild' arbeiten. Sollte nicht notwendig sein, um Anführungszeichen zu verwenden. – belugabob

+0

Es sollte nicht sein, aber es scheint für Browser, die nicht IE sind. (+1) Für die Rettung von Stunden von Schmerzen. – Bob

0

Dies ist wahrscheinlich nach unten auf die relative Pfadprobleme.

Wie lautet der Pfad (d. H. Die URL, die in der Navigationsleiste des Browsers angezeigt wird) für die Seite, die den von Ihnen geposteten Code enthält? Wo ist das in Bezug auf das Verzeichnis images?

Dies zu verwalten kann ein Albtraum sein, besonders wenn Sie eine Javascript-Datei in mehrere Seiten eingefügt haben, die sich auf verschiedenen Ebenen innerhalb einer URL-Hierarchie befinden. Der bessere Weg, dies zu handhaben, besteht darin, eine Klasse zu definieren, in einer CSS-Datei die Bild-URLs relativ zum Speicherort der CSS-Datei selbst zu machen und dann die Klasse einfach auf Ihr div anzuwenden, anstatt individuell festzulegen Stilattribute