Thuộc tính phong cách zIndex
Thí dụ
Thay đổi thứ tự ngăn xếp của một phần tử <img>:
document.getElementById("img1").style.zIndex = "1";
Định nghĩa và Cách sử dụng
Thuộc tính zIndex đặt hoặc trả về thứ tự ngăn xếp của một phần tử được định vị.
Một phần tử có thứ tự ngăn xếp lớn hơn (1) luôn đứng trước một phần tử khác có thứ tự ngăn xếp thấp hơn (0).
Mẹo: Phần tử được định vị là phần tử có thuộc tính vị trí được đặt thành: tương đối, tuyệt đối hoặc cố định.
Mẹo: Thuộc tính này hữu ích nếu bạn muốn tạo các phần tử chồng chéo.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính zIndex:
object.style.zIndex
Đặt thuộc tính zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | Tự động |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thứ tự ngăn xếp của một phần tử |
Phiên bản CSS | CSS2 |
Các ví dụ khác
Thí dụ
Thay đổi giá trị thuộc tính z-index của phần tử <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Thí dụ
Trả về giá trị thuộc tính z-index của phần tử <img>:
alert(document.getElementById("img1").style.zIndex);
Các trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính z-index
❮ Đối tượng phong cách