z‐index - daniel-qa/Vue GitHub Wiki

z-index 控制的是「元素在畫面上的堆疊順序」。

數字越大,元素顯示得越上層。

只有在元素有設定 position(如 absolute, relative 等)時才有效。

  • 基本範例:
.box-a {
  position: absolute;
  z-index: 1;
}
.box-b {
  position: absolute;
  z-index: 999;
}

這會讓 .box-b 蓋在 .box-a 上面。

p.s z-index 是全世界通用的網頁層級排序指令,跟你用哪個框架無關,只跟元素怎麼顯示有關