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!!!