In this last example you can see th

In this last example you can see that DIV #2 and DIV #4 are not siblings, because they belong to different parents in the HTML elements' hierarchy. Even so, stacking of DIV #4 with respect of DIV #2 can be controlled through z-index. It happens that, since DIV #1 and DIV #3 are not assigned any z-index value, they do not create a stacking context. This means that all their content, including DIV #2 and DIV #4, belongs to the same root stacking context.

Kết quả (Việt) 1:

Trong ví dụ cuối cùng này bạn có thể thấy rằng DIV #2 và DIV #4 không là anh chị em, bởi vì chúng thuộc về các phụ huynh khác nhau trong hệ thống phân cấp các yếu tố HTML. Mặc dù vậy, xếp DIV #4 với sự tôn trọng của DIV #2 có thể được kiểm soát qua z-index. Nó xảy ra, kể từ khi DIV #1 và DIV #3 không được chỉ định bất kỳ giá trị z-index, họ không tạo ra một bối cảnh xếp chồng. Điều này có nghĩa rằng tất cả các nội dung của họ, bao gồm cả các DIV #2 và DIV #4, thuộc về bối cảnh xếp cùng một gốc.

Kết quả (Việt) 2:

Trong ví dụ cuối cùng này, bạn có thể thấy rằng DIV # 2 và DIV # 4 không phải là anh chị em, bởi vì họ thuộc về cha mẹ khác nhau trong hệ thống phân cấp các thành phần HTML. Mặc dù vậy, xếp chồng của DIV # 4 liên quan của DIV # 2 với có thể được kiểm soát thông qua z-index. Nó sẽ xảy ra rằng, kể từ khi DIV # 1 và # DIV 3 không chỉ định bất kỳ giá trị z-index, họ không tạo ra một ngữ cảnh xếp chồng. Điều này có nghĩa rằng tất cả các nội dung của họ, bao gồm cả DIV # 2 và DIV # 4, thuộc về cùng một ngữ cảnh xếp chồng gốc.