mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 20:27:45 +00:00
LibWeb: Allow inline nodes to establish a stacking context
With this change, a stacking context can be established by any paintable, including inline paintables. The stacking context traversal is updated to remove the assumption that the stacking context root is paintable box.
This commit is contained in:
parent
6c645f3a9f
commit
3cf5ad002a
12 changed files with 253 additions and 151 deletions
17
Tests/LibWeb/Ref/reference/inline-stacking-context-ref.html
Normal file
17
Tests/LibWeb/Ref/reference/inline-stacking-context-ref.html
Normal file
|
@ -0,0 +1,17 @@
|
|||
<style>
|
||||
#text {
|
||||
z-index: 10;
|
||||
background: orange;
|
||||
position: relative;
|
||||
opacity: 0.5;
|
||||
width: fit-content;
|
||||
}
|
||||
#box {
|
||||
z-index: 5;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: green;
|
||||
position: relative;
|
||||
top: -10px;
|
||||
}
|
||||
</style><div id="text">hello</div><div id="box"></div>
|
Loading…
Add table
Add a link
Reference in a new issue