Thuộc tính z-index dùng để chỉ thứ hạng của các lớp thẻ trong HTML. Nói một cách đơn giản, nếu các thẻ là các trang giấy thì số thứ tự của trang chính chỉ là số z-index, làm cho trang này ở trước trang kia
z-index luôn đi kèm với thuộc tính position. Trong ví dụ minh họa ở trên, tôi có nói về các trang sách, nó không hoàn toàn đúng Chắc chắn, bởi vì ở sách, trang nào có số lượng lớn thì nằm dưới, nhưng với chỉ mục z, thẻ HTML có giá trị lớn nhất thì
Giá trị của z-index phải là số nguyên, dương hoặc âm. Nếu chúng ta không quy định giá trị cụ thể của z-index, thì nó mặc định là 0, và trong trang HTML khi đó, theo thứ tự từ trên xuống dưới của các dòng mã, các thẻ ở bên dưới sẽ xếp phía trên. Ví dụ
Code of the stage on
Tôi không viết ra giá trị cụ thể của z-index, do đó các thẻ ở bên dưới sẽ xếp hạng lên trên, căn cứ vào đoạn mã trên thì chính là hộp màu . .
Giờ tôi sẽ đặt hộp màu đen xếp hạng trên cùng, hộp màu xanh ở vị trí thứ hai và hộp màu đỏ ở vị trí cuối cùng, để thực hiện công việc đó, tôi sẽ thêm chỉ số z vào và để đánh giá cao hơn
mẫu mã