DIV #1 and DIV #3 are not transluce

DIV #1 and DIV #3 are not translucent. It is important to remember that assigning an opacity less than 1 to a positioned element implicitly creates a stacking context, just like adding a z-index value. And this example shows what happens when a parent element does not create a stacking context.

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

DIV #1 và DIV #3 không phải là mờ. Nó là quan trọng cần nhớ rằng việc phân công một opacity thấp hơn 1 đến một yếu tố vị trí ngầm tạo ra một bối cảnh xếp, giống như thêm một giá trị z-index. Và ví dụ này cho thấy những gì sẽ xảy ra khi một yếu tố phụ huynh không tạo ra một bối cảnh xếp chồng.

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

DIV # 1 và # DIV 3 không mờ. Điều quan trọng là hãy nhớ rằng gán một opacity ít hơn 1 đến một yếu tố vị trí ngầm tạo ra một ngữ cảnh xếp chồng, chỉ giống như thêm một giá trị z-index. Và ví dụ này cho thấy những gì xảy ra khi một yếu tố phụ huynh không tạo ra một ngữ cảnh xếp chồng.