mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-26 09:30:24 +00:00
a8788e5abb
...traversal. We've already fixed step 3 and 9 to not filter out non-positioned stacking contexts, because modern CSS has more ways to create stacking context besides being positioned with z-index (like by using "transform", "filter" or "clip-path" properties). See following spec issue for more details https://github.com/w3c/csswg-drafts/issues/2717 Visual improvement on https://basecamp.com/
19 lines
451 B
HTML
19 lines
451 B
HTML
<!doctype html>
|
|
<link rel="match" href="reference/box-with-transform-should-be-above-other-boxes-ref.html" />
|
|
<style>
|
|
* { outline: 1px solid black; }
|
|
body { width: 300px; }
|
|
#green {
|
|
background: rgba(0, 255, 0, 1);
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
#orange {
|
|
background: orange;
|
|
width: 100px;
|
|
height: 100px;
|
|
transform: rotate(0deg);
|
|
opacity: 1;
|
|
}
|
|
</style><body><div id="green"></div><div id="orange">
|