Tema: Cambiar Z-index de una capa Javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/06/2011, 20:00
Avatar de latinpower
latinpower
 
Fecha de Ingreso: septiembre-2010
Ubicación: Canelones
Mensajes: 116
Antigüedad: 14 años, 3 meses
Puntos: 10
Pregunta Cambiar Z-index de una capa Javascript
Hola,

Me pasa lo siguiente, tengo este codigo

Código HTML: 
Ver original
  1. <head>
  2.  
  3.     <title> Eleccion de capa </title>
  4.     <!-- <link href="css.css" rel="stylesheet" type="text/css" /> -->
Código Javascript: 
Ver original
  1. <html>
  2. <script language="JavaScript">
  3. function cambia_color(){
  4.  
  5. celda = document.getElementById("celda" + document.fcolor.celda.value)
  6.  
  7. celda.style.background = document.fcolor.micolor.value
  8.  
  9.  
  10. }
  11. </script>
Código HTML: 
Ver original
  1. </head>
  2.  
  3.  
  4. <body>
  5.  
  6. <form name="fcolor">
  7.  
  8.         <input type=text name=celda size=3>
  9.         
  10.         <input type=text name=micolor size =8>
  11.         
  12.         <input type=button value="cambiar zindex" onclick="cambia_color()">
  13.                 
  14.         </form>
  15.  
  16.  
  17. <div id="celda1" style="background:red;
  18. width:300px; height:100px; padding:5px;
  19. left:0px;position: absolute; z-index:1;">hola
  20. </div>
  21.  
  22. <div id="celda2" style="background:blue;
  23. width:300px; height:100px; padding:5px;
  24. left:100px; position: absolute; z-index:3;">hla2
  25. </div>
  26.  
  27. <div id="celda3" style="background:green;
  28. width:300px; height:100px; padding:5px;
  29. left:180px;position: absolute; z-index:2;">hola3
  30. </div>
  31.  
  32.  
  33. </body>

en este caso puedo cambiarle el color a las capas, pero si cambio en el javascript background por Z-index, no me funciona, es decir, las capas no se sobreponen como yo lo especifico

Que estoy haciendo mal?