Div背景画像

Question

私はApps for Palm Pre webOSの開発に使用されるMojo SDKで作業しています。

私はdivの背景に画像を動的に追加して消滅させようとしています。私は、動的にDIVの背景を設定するには、次のコードを使用しています：

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 

私も同様のdivに静止画像を設定しようとしたが、それはあまりにも機能していません。体に背景画像を追加しています。

#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> 

私はここで何か間違っているかどうかをよく知っています。

ありがとうございました。

ハシーブカーン

Answer 1

div要素は、任意のコンテンツを持っていないので、サイズはdiv要素に何かを追加する0 X 0トライなり、その後、任意の背景があるかどうかを確認します。 idで照合するには#imageDivを使用します。

Answer 2

DIVタグに表示したいエリアに一致する大き与えるようにしてください：おっと、あなたがそれに私を打つ

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

Answer 3

が使用

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