2010-09-14 3 views
0

Nous avons deux div s. divOne contient des informations d'image et divTwo contient des informations de table. Est-il possible que nous pouvons définir divOne comme image de fond de divTwo en utilisant un script?Réglez div comme arrière-plan de l'autre div

divOne.innerHTML = <IMG src="http://sbc.com/xyz.jpg" /> 

divTwo.innerHTML = <TABLE id="content"> ....... </TABLE> 

Répondre

0

divOne.style.backgroundImage="url(http://sbc.com/xyz.jpg);";

Cela devrait mettre Divone à cette image d'arrière-plan ...


Pour le positionnement div donner à cette try ...

divOne.style.position = "relative"; 
divOne.style.top = "0px"; 
divOne.style.left = "0px"; 
divOne.style.zIndex="1"; 

divTwo.style.position = "relative"; 
divTwo.style.top = "0px"; 
divTwo.style.left = "0px"; 
divTwo.style.zIndex="2"; 
+0

En supposant que vous faites ceci ...

+0

Merci pour votre réponse. Nous avons url à l'intérieur de div qui est généré dynamiquement. En ce moment, nous faisons divOne.appendChild (div2) mais cet affichage div premier, puis en dessous il div deuxième. Nous voulons afficher la première div comme arrière-plan de la deuxième div. Merci encore. – Malik

+0

divOne.style.position = "relative"; divOne.style.top = "0px"; divOne.style.left = "0px"; divOne.style.zIndex = "1"; divTwo.style.position = "relative"; divTwo.style.top = "0px"; divTwo.style.left = "0px"; divTwo.style.zIndex = "2"; –

1

Oui - en fonction de ce que vous voulez dire.

Vous pouvez positionner un DIV sur un autre en utilisant les positions relatives et l'index z. Si l'index supérieur est transparent (pas d'arrière-plan), vous devriez pouvoir voir celui qui se trouve derrière.

+0

Merci pour votre réponse. Nous pensons la même chose mais incapable de trouver un exemple. De l'aide? – Malik