Capas, transparencias y disposicion

[Jomer_zgz]

Muy buenas gente,

A ver si a alguien se le ocurre algo.

Mi idea es la de hacer diferentes capas, que se puedan superponer una a otra.
No me sirve el poner o quitar transparencia, ya que todas las capas van a tener una ligera transparencia.

Alguna propuesta??

Saludos!

[Asyolath]

Utiliza el z-index de CSS. La verdad es que no sé cómo se accede a esa propiedad desde javascript, pero supondré que es document.getElementById('capa').style.zIndex, y si no que me corrijan.

Tenemos 3 capas:

<div id="superpuestas">
<div id="capa1" style="z-index:100" onclick="superponer(this.id)"></div>
<div id="capa2" style="z-index:200" onclick="superponer(this.id)"></div>
<div id="capa3" style="z-index:300" onclick="superponer(this.id)"></div>
</div>

Y el código javascript no se me ocurre nada más que:

Código PHP:

  function superponer(idcapa)
{
     var capa= document.getElementById(idcapa);
     var valorz= document.getElementById(idcapa).style.zIndex;
     var capas= document.getElementById("superpuestas".getElementsByTagName('div')
     for (i=0; i<capas.length; i++)
     {
          if (capas[i].style.zIndex>capa.style.zIndex)
          {
               valorz=capas[i].style.zIndex;
               capas[i].style.zIndex-=100;
          }
     }
     capa.style.zIndex= valorz;
} 
   

Ya he dicho que no sé cómo acceder a la propiedad z-index, así que no tiene por que funcionar, pero para que te hagas una idea...

Suerte!

[Jomer_zgz]

Ok, muchas gracias por la respuesta

Probare a ver que tal me funciona y ya te contare,

Un saludo

[zyon]

Que tal Jomer zgz Como haces que una capa tenga transparencia?