jQuery index() Yöntemi

index() Yöntemi;

.index() yöntemi belirtilen elementlerin dizin konumunu almak için kullanılır.

Not: element bulunamazsa index() numarası olarak -1 verir.

Örnek

$("li").click(function(){
  alert($(this).index());
});

Codepen Ön izleme

Kullanım şekilleri;

.index();

.index(selector);

.index(element);

CSS z-index

z-index :

Z-index genellikle tasarımlarda üst üste gelecek kutularda sıralandırma yaparak istediğimiz görüntünün ortaya çıkmasını sağlamak amacıyla kullanılır. Z-index değeri en yüksek olan kutu her zaman için en üstte yer almaktadır.

Örnek

div {
  position relative;
  width: 100px;
  height: 100px;
}
div img {
  position: absolute;
  left:0;
  top:0;
  z-index: -1;
}
div p {
  font-size: 50px;
  color: red;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
auto Elementleri eklenme sırasına göre sıralar.
number Verdiğimiz numaraya göre sıralamayı yapar.
İnital
İnherit

Tarayıcı Desteği

1.0 3.0 4.0 1.0 4.0