Cuidado con la propiedad z-index (CSS)

Es una de mis propiedades favoritas ya que me encanta eso de esconder ciertas partes de los elementos web al superponer otras, pero en ocasiones es una propiedad altamente desesperante por los bugs en los navegadores y por los bugs de nuestra propia cabeza.

Es por ello que hay dos consejos básicos cuando utilizamos z-index:

  1. Intenta definir siempre position:relative, pero si no es posible al menos define una posición, no lo dejes heredado.
  2. Trata de no usar z-index negativos, ya que Firefox (en la versión 3 no lo tengo seguro, en la 2 sí) utiliza z-index:0 para el <body>, así que si pones -1 no se verá tu elemento.

Lo dicho, cuidado y no os desesperéis, lo más seguro es que si no os funciona sea por una tontería.

Enlace | Z-index Test


Categorías

CSS, HTML

Carlos Sánchez

Una de mis pasiones es el diseño, y de hecho trabajo como diseñador de interfaces para aplicaciones de iOS, además de hacer de vez en cuando... Ver perfil ›

Un comentario

  1.   Aldiaz76 dijo

    ah que riata consejo diste maestro !  thxs !

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *