Comment ajouter une image de fond à un div?

Question

Je travaille avec le Mojo SDK et j'essaie d'ajouter une image de fond à un div mais je n'ai pas réussi à trouver un moyen de le faire. Évidemment, j'ai essayé de le faire en CSS normal, mais ça ne semble pas fonctionner avec Mojo.

Voici la dernière chose que j'ai essayé:

  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"; 

J'ai essayé plusieurs solutions pour obtenir l'image d'arrière-plan pour montrer. Le reste fonctionne bien. C'est juste l'image de fond qui ne montrera pas n'importe quoi.

Donc, si quelqu'un peut me montrer le morceau de code pour ajouter l'image de fond que je serais vraiment heureux :)

Answer 1

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

Vous avez citer des chaînes en JavaScript

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

De toute évidence, l'URI doit être correcte aussi bien. Cela dit, en règle générale, il est presque toujours préférable de prédéfinir tous vos styles dans une feuille de style externe et de générer des éléments qui correspondent aux sélecteurs (par exemple, en définissant .className).