Hello guys, I need a help with the stacking_and_float topic: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float => In this section it is mentioned the next note:
“Note: In this example, all the blocks except the non-positioned one are translucent to show the stacking order. If the opacity
value of the non-positioned block (DIV #4) is changed, then something strange happens: the background and border of that block pops up above the floating blocks and the positioned blocks. This is due to a peculiar part of the specification: applying a opacity
value creates a new stacking context (see What No One Told You About Z-Index).”
However, even though div4 creates a stacking context with opacity <1, why does it stack on top of positioned and floated elements? the specification mentions that positioned elements will be on top of unpositioned ones and div4 is not positioned
Thank you