Foros del Web - Ver Mensaje Individual - ¿Una mano con z-index? No lo puedo hacer funcionar :S

Nathan_1979 · #2 (**permalink**) 21/07/2009, 23:08

Nosé, si entiendes "arriba" y "abajo" usando z-index, debido a la forma que tienes tu (X)html no puedes comprobarlo...

z-index es cuando se colocan encima ( arriba ) o debajo ( abajo), parece una tontería pero creo que no lo llegas a entender.

Tu código funciona a la perfección, solo que tienes que poner encima una capa de otra para comprobar si realmente funciona tu z-index:

Te limpié un poco en xhtml para ver tu ejemplo.

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>Documento sin t&iacute;tulo</title>
<style type="text/css">
div#header {
    position:absolute;
    left:1em; /* para que realmente veas que esta se queda abajo */
    z-index:2;
    background-color:#960;
}
 
div#image {
    position:absolute;
    z-index:1;
    background-color:#CC9999;
}
 
 
</style>
 
 
</head>
 
<body>
<div id="container">
 
            <div id="header">z-index: 2</div>
 
 
                <div id="image">z-index: 1</div>
 
</div>
</body>
</html>