Hola: (¿Como estás, Andrés...?)
Hace unos años (2 o 3 no más) se me ocurrió simular el estilo z-index, cambiando de sitio algunos elementos... iba a postearlo con el mensaje anterior, pero como me suele pasar, "se me fué la olla"..., pero urgué un poco en mi "machine" y pongo el código...
Código:
<html>
<head>
<title>
Clonación
</title>
<script type="text/javascript">
function sube(que) {
var nuevo = que.cloneNode(true);
que.parentNode.appendChild(nuevo);
que.parentNode.removeChild(que);
}
</script>
</head>
<body >
<div id="contenedor" style="position: relative; height: 200px">
<div id="amarillo" style="width: 120px; height: 120px; background-color: yellow; position: absolute; top: 5px; left: 5px; border: 1px solid black" onclick="sube(this)"></div>
<div id="rojo" style="width: 120px; height: 120px; background-color: red; position: absolute; top: 35px; left: 35px; border: 1px solid black" onclick="sube(this)"></div>
<div id="azul" style="width: 120px; height: 120px; background-color: blue; position: absolute; top: 65px; left: 65px; border: 1px solid black" onclick="sube(this)"></div>
</div>
</body>
</html>
La simplicidad del método "sube", y ver que funcionaba en todos los navegadores me pareció ideal... creo que no hice muchas pruebas, porque no era necesario, pero me parece que probé el código sin clonarlo y era insuficiente... no lo recuerdo, pero como dije antes, que nos comente sus conclusiones david (lo dije, o no lo dije... that is yhe cuestion!...)
Saludos
