mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 18:17:22 +02:00
da2c07c66d
Previously, absolutely positioned elements jumped directly to their containing block's accumulated visual context, skipping effects (opacity, mix-blend-mode, isolation) from intermediate ancestors. Per CSS spec, these properties create stacking contexts that abspos elements cannot escape — they only escape scroll containers and overflow clips.
10 lines
230 B
HTML
10 lines
230 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background: white;
|
|
}
|
|
</style>
|
|
<!-- A black box at 50% opacity should appear as gray (#808080) -->
|
|
<div style="width: 100px; height: 100px; background: black; opacity: 0.5;"></div>
|