Tema: problema prioridad de cascada
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/06/2012, 06:15
vc_rodri
 
Fecha de Ingreso: junio-2012
Mensajes: 2
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: problema prioridad de cascada
Lo resolvi aplicando clases

Index.html
Código: 
<!DOCTYPE HTML>
<html lang="es-ES">
	<head>
		<title>Temas Informaticos</title>
		<meta charset="UTF-8">
		<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	</head>

	<body background="imagen1.jpg">
		<div class="espacio">
			<div class="no_opaco"><img id="imagen" src="imagen2.jpg" width="278" height="181" /></div>
			<div class="opaco">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus.</p>
			</div>
		</div>
	</body>
</html>
style.css
Código: 
.espacio{
	height:928px;
	right:983px;
	position: absolute;
	top:27px;
	width:279px;
}

.espacio .opaco
{
	background-color: #FFFFFF;
	filter:alpha(opacity=50);
	height:100%;
	opacity: 0.5;
	padding-top: 181px;
	width:100%;
	-moz-opacity: 0.5;
}

.no_opaco 
{
	position: absolute;
	z-index:1;
}
Espero que te ayude.