Foros del Web » Creando para Internet » CSS »

y el Z-index... que es?

Estas en el tema de y el Z-index... que es? en el foro de CSS en Foros del Web. Nuevamente Yooo!! jeje... gracias de verdad por tomarse el tiempo de leer mis post! ahora si a lo que es! Que es el z-index? Para ...
  #1 (permalink)  
Antiguo 26/10/2008, 02:10
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
y el Z-index... que es?

Nuevamente Yooo!! jeje... gracias de verdad por tomarse el tiempo de leer mis post! ahora si a lo que es!

Que es el z-index?
Para que sirve?
Como se usa?
Donde se usa?
y se mide en Px?


jeje gracias por contestar! xD esque tengo una pagina que estoy maquetando con css... y me tope con esa propiedad! entonces queria saber si ponerlo o no... xD muchas gracias
  #2 (permalink)  
Antiguo 26/10/2008, 04:13
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: y el Z-index... que es?

Hola CaLiZzZ

Si tienes dos elementos colocados de forma que uno tapa a otro, el que tenga el z-index más alto, queda encima. No utiliza ninguna medida, sólo se le da un valor numérico.

Saludos,
  #3 (permalink)  
Antiguo 26/10/2008, 06:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: y el Z-index... que es?

Las coordenadas en tres dimensiones son "x", "y" y "z", ¿no?
¿Y qué respresenta la "z"? Profundidad. De manera que el índice "z" marca el nivel de profundidad de un objeto, que esté más cerca o lejos de ti. Esto se usa para apilar cosas en el parámetro de profundidad con respeto al punto de vista (tú mismo).
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 26/10/2008, 11:52
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 1 mes
Puntos: 30
Respuesta: y el Z-index... que es?

- Un indice de que elemento debe presentarse primero que otro
- Para superponer un elemento a otro
- Se usa siempre y cuando este la propiedad POSITION
- Se usa en CSS y en los DIVs de HTML
- No se mide en pixeles. Se mide en numero (xD)

te hise un ejemplo...
prueba cambiandole el z-index a los elemento y veras por ti mismo la diferencia

Cita:
<html><head>
<style type="text/css">
<!--
#elementoA {position:absolute;top:0px;left:0px:0;z-index:1;background-color:red;margin:16px;}
#elementoB {position:absolute;top:0px;left:0px:0;z-index:2;background-color:green;margin:8px;}
#elementoC {position:absolute;top:0px;left:0px:0;z-index:3;background-color:purple;}
-->
</style>
</head>
<body>
<div id="elementoA">qweqewqeqweqweqweqweq</div>
<div id="elementoB">dsadasdasdsadas</div>
<div id="elementoC">cxzczxczc</div>
</body>
</html>
Suerte
  #5 (permalink)  
Antiguo 26/10/2008, 22:16
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: y el Z-index... que es?

muchisimas gracias!! jeje... me kedo claro!! xD muchisimas gracias por sus respuestas!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.