Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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
1984
Visitas
2
Resp
Por carlitos hace 129 meses
Principiante
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 129 meses
Administrador Sitio web
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 122 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate