blob: 60823da1d08fe9ad5003f22a1946f544cae31dba [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<link href="../../../fast/css-grid-layout/resources/grid.css" rel="stylesheet">
<style>
.grid {
grid-template-rows: 100px;
grid-template-columns: 200px 200px;
width: -webkit-fit-content;
margin-top: 10px;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.negativeZIndex {
z-index: -1;
}
</style>
</head>
<body>
<div style="height: 100px">
<p>This test checks that grid items correctly repaint when 'z-index' changes.</p>
<p>For this test to pass, there should be no red below.</p>
</div>
<div class="grid">
<div id="item1" class="sizedToGridArea green" style="z-index: 1"></div>
<div class="sizedToGridArea red"></div>
</div>
<div class="grid">
<div id="item2" class="sizedToGridArea green" style="z-index: 1"></div>
<div class="sizedToGridArea red"></div>
</div>
</body>
</html>