Question 1

Apa itu z-index CSS?

Accepted Answer

Z-index CSS mengontrol urutan penumpukan vertikal elemen yang diposisikan. Elemen dengan z-index lebih tinggi muncul di depan elemen dengan z-index lebih rendah ketika mereka tumpang tindih.

Question 2

Mengapa z-index saya tidak berfungsi?

Accepted Answer

Z-index hanya berfungsi pada elemen yang diposisikan (position: relative, absolute, fixed, atau sticky). Elemen dengan position: static mengabaikan properti z-index.

Question 3

Apa itu konteks penumpukan?

Accepted Answer

Konteks penumpukan adalah elemen yang menciptakan lapisan penumpukan sendiri. Properti seperti opacity < 1, transform, dan filter membuat konteks penumpukan baru.

Question 4

Apa nilai z-index umum yang digunakan dalam UI?

Accepted Answer

Nilai umum: 0 untuk konten dasar, 10-100 untuk kartu dan dropdown, 1000 untuk modal dan overlay, 9999 untuk tooltip dan notifikasi.

Question 5

Haruskah saya menggunakan nilai z-index yang sangat tinggi seperti 9999999?

Accepted Answer

Tidak. Menggunakan nilai yang sangat tinggi secara sembarangan membuat pemeliharaan menjadi sulit. Tentukan skala z-index dalam sistem desain Anda (misalnya 10, 100, 200, 500, 1000) dan gunakan secara konsisten.

Manajer Z-Index

Daftar Layer

Pratinjau

Pertanyaan yang Sering Diajukan

Comments & Feedback