mirror of
https://github.com/servo/servo.git
synced 2025-06-16 12:24:29 +00:00
184238c348
StackingContexts that should be painted on top of StackingContexts that are already layerized should automatically get their own layer. This will ensure proper painting order.
23 lines
950 B
HTML
23 lines
950 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.test { float: left; margin-right: 25px; }
|
|
.box { height: 50px; width: 50px; }
|
|
.gray { background: rgb(200, 200, 200); }
|
|
.grayer { background: rgb(80, 80, 80); }
|
|
.grayest { background: rgb(0, 0, 0); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="test grayest box">
|
|
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: fixed;"></div>
|
|
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: relative; top: 10px; z-index: 5;"> </div>
|
|
</div>
|
|
|
|
<div class="test grayest box">
|
|
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: fixed;"></div>
|
|
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: absolute; top: 20px; z-index: 5;"> </div>
|
|
</div>
|
|
</body>
|
|
</html>
|