Ege YOLBAŞI

CSS z-index Kullanımı

15th Ekim 0 okunma Yorum Yok

CSS kodlarını yazarken genellikle elemanları yan yana veya alt alta dizeriz.Elemanları üst üste almak gerektiğinde ise yardımımıza z-index özelliği koşuyor.

z-index özelliğini en basit anlamıyla “z-index elementleri z-ekseninde nerede duracağını belirler, üstte veya altta. z-indeks değeri küçük olan elementler altta büyük olan elementler ise üstte olucaktır. “ şeklinde tanımlayabiliriz.

z-index Uygularken Dikkat Edilmesi Gerekenler
  • z-index sadece position değeri relative, absolute ve fixed olan nesnelere uygulanır.
  • Saydamlık değeri(opacity) 1’den küçük verilen nesnelerde z-index kullanımı daha kolay anlaşılır.
z-index Uygulaması

See the Pen rrkBoA by Ege (@yolbasiege) on CodePen.0

 

Yorum Yapmak İster Misin ?