Foros del Web - Ver Mensaje Individual

willyfc · #23 (**permalink**) 08/07/2009, 13:35

No funciona en donde?. yo veo que funciona perfectamente como lo tienes, pueden llevar también el mismo z-index donde tu lo tienes diferente.

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.contenedor{position:relative;background:yellow;border:1px solid blue;height:100px; margin:0 0 15px 0;}
.layer/*Como tu le llamas*/{position:absolute; top:50px;left:50px;height:100px;width:100px;}
</style>
</head>
 
<body>
<div class="contenedor" style="z-index:2;">contenedor1
<div class="layer" style="z-index:2;background:blue;">
z-index:2
<br><br><br>layers de igual dimension
</div>
</div>
 
 
<div class="contenedor" style="z-index:1;">contenedor1
<div class="layer" style="z-index:1;background:red;">
z-index:1
<br><br><br><br>aaaaaaa
</div>
</div>
</body>
</html>

Sería bueno que leas bien los manuales, ya que si los hubieras leído como dices no tendrías este problema.

PD: Testeado en IE6,7, Chrome,FF, Safari y opera.