Foros del Web - Ver Mensaje Individual - Contenedores diferentes con el mismo estilo

emprear · #2 (**permalink**) 28/11/2011, 08:43

Podés hacer esto

Código HTML:

Ver original<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ar">
<head>
<meta charset="utf-8" />
<title>XHtml5</title>
 
<style type="text/css">
/*<![CDATA[*/
.midiv{
 position: absolute;
 Background-color: black;
 top: 200px;
 Margin-right: 0px;
 padding: 15px;
 width: 300px;
 Height: 500px;
 color: #FFF;
 }
 
 .midivcien{
Background-color: blue;
Height: 100px;
}
/*]]>*/
</style>
</head>
<body>
<div class="midiv">
A
</div>
<div class="midiv midivcien">
B
</div>
</body>
</html>

Le agregué un texto para que veas que la capa midivcien se sobrepone y oculta los 100 primeros pixeles de alto de la primer capa.
En tu ejemplo en particular, la 2ª capa, aunque parezca obvio, debe estar declarada en segundo lugar, si no vas a ver solo la primera, a menos que también les declares un z-index e inviertas la situación

Saludos