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:
#elem1 {
/* không đặt z-index */
}
#elem2 {
z-index: -1;
}
Kết quả thực thi mã:
Hãy lặp lại trang theo mẫu này:
