2010-08-09 123 views
1

我正在使用Mojo SDK,并且我试图将一个背景图像添加到一个div,但无法找到一种方法来做到这一点。 很显然,我尝试过使用普通的CSS方式,但它似乎不适用于Mojo。如何添加背景图像到div?

这里是我试过的最新的东西:

  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

div.style.background = URL('的/ usr /棕/框架/魔力/keyb_en-us.png');

你必须引用字符串在JavaScript

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

显然,URI必须是正确的为好。作为一个经验法则,在外部样式表中预定义所有样式并生成匹配选择器的元素(例如,通过设置.className)几乎总是更好。

+0

谢谢,这是工作。 我几乎没有任何JavaScript知识。我严格的C#,MSSQL和通常的XHTML和CSS,但不是JavaScript。 – 2010-08-09 22:42:24