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 Khan

Answer 1

请务必为DIV标记指定与您要显示的区域相匹配的尺寸：

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

Answer 2

div没有任何内容，因此大小将为0 x 0.尝试向div添加内容，然后查看是否有任何背景。使用#imageDiv按id匹配。

Answer 3

使用

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

Div背景图像

3 个答案: