Как добавить background-image в div? - PullRequest
Новая
       0

Как добавить background-image в div?

1 голос
/ 10 августа 2010

Я работаю с Mojo SDK и пытаюсь добавить фоновое изображение в div, но не смог найти способ сделать это.Очевидно, я попытался сделать это обычным способом CSS, но он не работает с Mojo.

Вот последняя вещь, которую я попробовал: 

            var t=document.getElementById("kblayoutdiv");
t.parentNode.removeChild(t);

var t=document.getElementsByTagName("BODY")[0];
var div=document.createElement("div");
div.style.position="fixed";
div.id="kblayoutdiv";
div.style.display="block";
div.style.top="80%";
div.style.left="92%";
div.style.width="16px";
div.style.height = "11px";
div.style.background = url('/usr/palm/frameworks/mojo/keyb_en-us.png');
div.style.zIndex = "255";
t.appendChild(div);

window.kblayout="en";

Я попробовал несколько решенийчтобы получить фоновое изображение, чтобы показать.В остальном работает нормально.Это просто фоновое изображение, которое не будет отображаться, несмотря ни на что.

Так что, если кто-нибудь сможет показать мне кусок кода, чтобы добавить фоновое изображение, я был бы очень счастлив:)

1 Ответ

1 голос
/ 10 августа 2010

div.style.background = url ('/ usr / palm / frameworks / mojo / keyb_en-us.png');

Вы должны заключать строки в JavaScript 

div.style.background = "url('/usr/palm/frameworks/mojo/keyb_en-us.png')";

Очевидно, что URI также должен быть правильным.

При этом, как правило, почти всегда лучше предварительно определить все ваши стили во внешней таблице стилей и сгенерировать элементыкоторые соответствуют селекторам (например, путем установки .className).

...