javascript - 分区背景图片

Question

我正在使用用于为 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 设置静态图像，但这也不起作用。向 body 添加背景图像是有效的。

#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 标签指定与您要显示的区域匹配的大小:

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