2010-08-09 224 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