Como hacer que un elemento este encima de todos los demas?

buenas! quisiera saber como hacer para poner por ejemplo una capa div de manera que se quede encima de otra div o cualquier elemento gracias de antemano a todos por intentar ayudarme
0
Puntos
1990
Visitas
2
Resp
Por carlitos hace 12 años
Novice
Respuesta #1
si es una capa div usa z-index por ejemplo:
#capa_loquesea {
position: absolute;
z-index: 9999;
}
No olvides que la propiedad z-index solo funciona cuando va acompañada de position
0
Puntos
Por zeuskx hace 12 años
Mods
Respuesta #2
si pruebas este ejemplo veras que la capa con id #centrado a pesar de estar por debajo en el código html, aparece encima de la capa con id #encima por que #centrado tiene un z-index de 999
<style type="text/css">
#centrado {
	background-color: f1f1f1;
	border: 1px solid #ddd;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 400px;
	margin-top: -200px;
	margin-left: -300px;
}
#encima {
	background-color: #0CF;
	border: 1px solid #ddd;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 400px;
	margin-top: -226px;
	margin-left: -282px;
}
</style>
<div id="centrado"></div>
<div id="encima"></div>
0
Puntos
Por alber hace 12 años
Admin
Para comentar Inicia sesión o Regístrate
Phpres 2025@ All rights reserved.
Utilizamos cookies para mejorar la navegación en el sitio. Más información Aceptar