Sắc thái của việc sử dụng giá trị z-index âm trong CSS

Nếu z-index của một phần tử không được đặt, thì giá trị của nó nên được hiểu là 0. Điều này có nghĩa là phần tử có giá trị z-index bằng -1 sẽ nằm dưới phần tử không có z-index.

Có thể sửa đổi ví dụ với hai phần tử của chúng ta như sau: chỉ cần đặt z-index cho phần tử thứ hai là giá trị -1, và nó sẽ nằm dưới phần tử đầu tiên:

css#elem1 {
  /* không đặt z-index */
}
#elem2 {
  z-index: -1;
}

Kết quả thực thi mã: