Div Hintergrundbild

Question

Ich arbeite in Mojo SDK, das verwendet wird, um Apps für Palm Pre webOS zu entwickeln.

Ich versuche, ein Bild im Hintergrund des div dynamisch hinzuzufügen und es auszublenden. Ich verwende den folgenden Code Hintergrund des div eingestellt dynamisch:

this.controller.get("imageDiv").backgroundImage = "url(../images/marks/mark-" + this.markNo + ".png)"; // Not Working 

this.controller.get("imageDiv").style.background = "url(../images/marks/mark-" + this.markNo + ".png)"; // Not Working 


$("imageDiv").backgroundImage = "url(../images/marks/mark-" + this.markNo + ".png)"; // Not Working 

$("imageDiv").style.background = "url(../images/marks/mark-" + this.markNo + ".png)"; // Not Working 

Ich habe auch als auch ein statisches Bild auf die div einzustellen versucht, aber das ist nicht zu arbeiten. Das Hinzufügen eines Hintergrundbilds zum Body funktioniert.

#imageDiv /* Not Working */ 
{ 
    background: url(../images/launch/launch-image.png) center center; 
} 

imageDiv /* Not Working */ 
{ 
    background: url(../images/launch/launch-image.png) center center; 
} 

.imageDiv /* Not Working */ 
{ 
    background: url(../images/launch/launch-image.png) center center; 
} 
<div id="imageDiv"></div> 

Bitte schauen Sie und lassen Sie mich wissen, wenn ich hier etwas falsch mache.

Danke.

Haseeb Khan

Answer 1

Die div haben keinen Inhalt, so wird die Größe 0 x 0 versuchen, etwas zu dem div Hinzufügen und sehen, ob es irgendeinen Hintergrund dann ist. Verwenden Sie #imageDiv, um nach ID zu suchen.

Answer 2

Seien Sie sicher, dass das DIV-Tag mit einer Größe zu geben, die den Bereich, den Sie anzeigen möchten Spiele:

#imageDiv 
{ 
    background: url(../images/launch/launch-image.png) center center; 
    width: 400px; 
    height: 400px; 
} 

Answer 3

Verwendung

es

#imageDiv { 
background: url(../images/launch/launch-image.png) center center; 
width: 100%; 
height: 100%; 
}