Files
rust_browser/tests/goldens/fixtures/058-stacking-context.html
Zachary D. Rowitsch 2bf8ce6de8 Phase 3: Initial commit
2026-01-31 16:20:53 -05:00

48 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<style>
.outer {
position: relative;
width: 300px;
height: 150px;
background-color: lightgray;
z-index: 0;
}
.inner-context {
position: relative;
width: 200px;
height: 80px;
background-color: lightblue;
z-index: 1;
}
.inner-high {
position: absolute;
top: 10px;
left: 10px;
width: 60px;
height: 40px;
background-color: green;
z-index: 100;
}
.outer-low {
position: absolute;
top: 50px;
left: 150px;
width: 100px;
height: 60px;
background-color: red;
z-index: 2;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner-context">
<div class="inner-high">High</div>
</div>
<div class="outer-low">Low</div>
</div>
</body>
</html>