Thuộc tính kiểu zIndex
Ví dụ
Thay đổi thứ tự ngăn xếp của phần tử <img>:
document.getElementById("img1").style.zIndex = "1";
Hãy tự mình thử »Sự miêu tả
Thuộc tính zIndex đặt hoặc trả về thứ tự ngăn xếp của phần tử được định vị.
Phần tử có thứ tự ngăn xếp lớn hơn (1) luôn ở phía trước 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ả về 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ả về: | Một Chuỗi, biểu thị thứ tự ngăn xếp của một phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Thay đổi giá trị thuộc tính z-index của phần tử <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Hãy tự mình thử »Ví dụ
Trả về giá trị thuộc tính z-index của phần tử <img>:
alert(document.getElementById("img1").style.zIndex);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính z-index