Question

我正在使用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";

我尝试了几种解决方案来显示背景图像。其余的工作正常。这只是背景，无论如何都无法显示。

所以，如果有人能告诉我添加背景图片的代码，我真的很开心：）

Answer 1

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）几乎总是更好。

如何将背景图像添加到div？

1 个答案: