Contenido principal
Tiempo actual: 0:00Duración total:2:13

Transcripción del video

déjenme mostrarles un ejemplo de posicionamiento con css y dz index en la naturaleza google maps probablemente muchos de ustedes ya hayan usado google maps o algún servicio de mapas en línea para ayudarlos a encontrar lo que están buscando y estas cosas son realmente geniales podemos navegar por ahí y hacer acercamientos o alejarnos y podemos buscar cosas así que como estoy en barcelona en este momento estoy buscando la sagrada familia que es una basílica hermosa estas realidades html css y javascript pero déjenme mostrarles los z índices que hay aquí todos los elementos que vemos todos han sido posicionados usando css para estar unos sobre otros y están usando z index en una forma muy particular para asegurarse de que el orden es exactamente correcto así que dejen de usar ni consola de chrome para mostrarles algunas cosas este mínima para quien la esquina tiene posición absolut botón 0 left 0 y un set a index de uno así que esto se pondrá sobre cualquier cosa que tenga seta index de cero esta tarjeta flotante que parece aquí y que tiene todas estas opciones tiene posición peaks y tiene un set a 2010 así que se muestra por encima de muchas cosas el botón de su tiene un set a index de dos eso significa que quedará debajo de la tarjeta flotante vamos a mover esto aquí arriba y ver qué pasa lo ves la tarjeta flotante se muestra por encima del botón de zoom porque tiene un set a index c4 y elson tiene un set a index de dos como puedes ver google maps utiliza en gran cantidad la propiedad posición de css iceta index con el fin de presentar el mapa y los controles en la parte superior también utiliza muchas otras cosas de css y javascript pero es importante que ahora empieza a entender cómo están construidos otros sitios web que no se parecen en nada a los que hemos estado mostrando hasta ahora es el poder de sf