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>

Пожалуйста, взгляните и дайте мне знать, если я здесь что-то не так делаю.

Спасибо.

Хасиб Хан

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 для сопоставления по идентификатору.

Answer 3

использование

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