mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-22 02:26:11 +00:00
49fcc5dcd8
Instead of implementing stacking context painting order exactly as it is defined in CSS2.2 "Appendix E. Elaborate description of Stacking Contexts" we need to account for changes in the latest standards where a box can establish a stacking context without being positioned, for example, by having an opacity different from 1. Fixes https://github.com/SerenityOS/serenity/issues/21137
20 lines
455 B
HTML
20 lines
455 B
HTML
<!doctype html><link rel="match" href="reference/abspos-z-index-painting-order-ref.html" /><style>
|
|
* {
|
|
font-size: 60px;
|
|
}
|
|
body {
|
|
/* NOTE: This is flex in order to force div.text to create a stacking context. */
|
|
display: flex;
|
|
}
|
|
.abspos {
|
|
position: absolute;
|
|
width: 100px;
|
|
height: 100px;
|
|
background: gray;
|
|
z-index: 0;
|
|
}
|
|
.text {
|
|
z-index: 1;
|
|
}
|
|
</style><body><div class="abspos"></div><div class="text">hello friends</div>
|