Div背景图片

Question

我正在使用Mojo SDK开发用于Palm Pre webOS的应用程序。

我想动态地添加一个图片到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> 

请看看，让我知道如果我在这里做错了什么。

谢谢。

Haseeb汗

Answer 1

在div没有任何内容，所以尺寸将是0×0尝试增加一些东西到DIV，看看是否有任何背景即可。使用#imageDiv通过id匹配。

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%; 
}