Chỉ số z - Thủ thuật CSS

div ( z-index: 1; /* integer */ )

Các z-indexbất động sản trong CSS điều khiển thứ tự sắp xếp theo chiều dọc của các yếu tố đó chồng lên nhau. Như trong, cái nào xuất hiện như thể nó gần bạn hơn. z-indexchỉ ảnh hưởng đến các phần tử có giá trị vị trí khác với static( giá trị mặc định).

Các phần tử có thể chồng chéo lên nhau vì nhiều lý do, ví dụ: vị trí tương đối đã thúc đẩy nó qua một thứ khác. Lề âm đã kéo phần tử này qua phần tử khác. Các yếu tố có vị trí tuyệt đối chồng lên nhau. Tất cả các loại lý do.

Không có bất kỳ z-indexgiá trị nào , các phần tử sẽ xếp chồng lên nhau theo thứ tự xuất hiện trong DOM (phần tử thấp nhất ở cùng cấp độ phân cấp xuất hiện ở trên cùng). Các phần tử có định vị không tĩnh sẽ luôn xuất hiện trên đầu các phần tử có định vị tĩnh mặc định.

Cũng lưu ý rằng việc làm tổ đóng một vai trò lớn. Nếu một phần tử B nằm trên phần tử A, thì một phần tử con của phần tử A không bao giờ có thể cao hơn phần tử B.