Menerapkan Nilai z-index - Bantuan Webflow

Last updated on 10/26/2025@mrbirddev
Menerapkan Nilai z-index - Bantuan Webflow

Gunakan nilai z-index untuk mengatur elemen bertumpuk

Menyusun elemen dengan z-index - Tutorial desain web (menggunakan UI Lama)

Apa itu nilai z-index

Nilai z-index mengontrol urutan tumpukan elemen.

  • Elemen dengan nilai z-index lebih tinggi akan berada di atas elemen dengan nilai lebih rendah.
  • Elemen anak hanya dapat bertumpuk sesuai dengan elemen induknya. (Misalnya, jika elemen A memiliki z-index lebih tinggi dari elemen B, anak dari elemen B tidak akan pernah menutupi elemen A.)
  • Z-index hanya berfungsi pada posisi relatif, absolut, dan tetap.
  • Nilai z-index default adalah 0.

Gunakan nilai z-index untuk menumpuk elemen

  • Pilih blok div yang ingin Anda posisikan.
  • Terapkan nilai z-index (karena nilai z-index default adalah 0, apa pun yang lebih besar dari 0 akan memposisikan elemen di atas).
  • Nilai yang lebih tinggi akan menumpuk di atas nilai yang lebih rendah.
  • Nilai negatif dapat menyebabkan elemen menghilang.
Nilai z-index negatif dapat menyebabkan elemen menghilang di belakang elemen lain. Gunakan dengan hati-hati!

Kembali ke bantuan webflow

Last updated on 10/26/2025@mrbirddev
Recent Articles
Loading...