Blast-Visual Media

Free web ressources pour les concepteurs et les développeurs de sites Web | Icônes gratuites, didacticiels, scripts, Photoshop, CSS

Comment z-index fonctionne!

Comprendre CSS z-index de propriété

Six boîtes de couleur déplaçables vous pouvez utiliser votre souris pour leur position n'importe où dans la page. Vous pouvez définir z-index et la position des valeurs pour chacune de ces six boîtes. Utiliser Firebug, vous pouvez suivre en temps réel comment obtenir ces éléments de style.

Définition
Le z-index définit la propriété de la pile afin d'un élément. Un élément avec une plus grande pile de commande est toujours en face d'un autre élément de la pile afin inférieur.
Note: Les éléments peuvent avoir des effets négatifs pile de commandes. Z-index ne fonctionne que sur les éléments qui ont été placés (par exemple position: absolute; position: relative;)!
Héritée: non

CSS z-index de démonstration

Enregistrer pour Del.ico.us | Digg This

  • del.icio.us
  • StumbleUpon
  • Digg
  • Design Float
  • Reddit
  • Slashdot
  • BlinkList
  • Furl
  • SphereIt
  • Spurl
  • description
  • Mixx
  • Facebook
  • LinkedIn
  • TwitThis
  • NewsVine
  • Ma.gnolia
  • YahooMyWeb
  • Live
  • Google

De libérer des ressources connexes:

Les commentaires sont clos.

Traductions

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag