Z-index özelliği, CSS'de öğelerin yığınlama sırasını belirlemek için çalışır. Z-index'in nasıl çalıştığına dair bazı temel kurallar: - Konumlandırma: Z-index sadece `position: absolute`, `position: relative`, `position: fixed` veya `position: sticky` değerlerine sahip öğeler üzerinde etkilidir. - HTML kaynağı: Aynı yığınlama bağlamındaki öğeler, z-index değerleri aynı olduğunda, HTML'de daha sonra gelen öğe daha önde görünür. - Yuvalanmış yığınlama bağlamları: Bir öğenin çocuk öğesi farklı bir yığınlama bağlamına sahipse, çocuk öğe, ebeveyn öğeden bağımsız olarak kendi z-index değerine göre yığınlanır. Örnek kullanım: ```css .element { position: absolute; z-index: 10; } ``` Bu kod, `.element` sınıfına sahip öğenin, diğer öğelerin önünde görünmesini sağlar.