Z-index

Gothgauss · #1 (**permalink**) 20/01/2013, 15:09

Hola, me estoy volviendo loco.

Tengo do scapas que quiero que se muestren por encima de la capa id="oculto" pero no se porque no se muestran, y eso que el z-index es mayor. Alguien sabe donde estoy fallando?

Os dejo el código.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Generated from data/head-home.php, ../../smarty/{head.tpl} -->
<head>
<style type="text/css">
*{
margin:0;
padding:0;
}
#contenedor{
margin:auto;
width:900px;

z-index:3;
display:block;
}
#oculto{
width:100%;
height:100%;
background:#000;
display:block;
position:absolute;
z-index:1;
}
#uno{
float:left;
width:200px;
height:300px;
background:red;
z-index:1;
display:block;
}
#dos{
float:right;
width:200px;
height:300px;
background:blue;
}


</style>
</head>

<body>

<div id="contenedor">
<div id="uno"><h1><p>asdf</p></h1></div>
<div id="dos"></div>

</div>
<div id="oculto"></div>
</body>

Gracias de antemano!!!

pzin · #2 (**permalink**) 20/01/2013, 15:25

No entiendo qué utilidad tendrá ese div #oculto, pero;

Código CSS:

Ver original#oculto {
  z-index: -1;
}

De todas formas, si dices qué finalidad quieres conseguir con esa capa... Porque no es que sea lo que haces una oda a la elegancia precisamente.