reftest-assigned-layer-fail-1.html (799B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>This test will fail because .high-z is not in the same layer as .low-z</title> 5 6 <style> 7 8 .content { 9 box-sizing: border-box; 10 width: 200px; 11 height: 200px; 12 border: 1px solid black; 13 margin: 10px; 14 } 15 16 .relative { 17 position: relative; 18 } 19 20 .fixed { 21 position: fixed; 22 top: 140px; 23 left: 140px; 24 } 25 26 .low-z { 27 z-index: 1; 28 } 29 30 .mid-z { 31 z-index: 2; 32 } 33 34 .high-z { 35 z-index: 3; 36 } 37 38 .opaque-background { 39 background-color: white; 40 } 41 42 body { 43 height: 4000px; 44 } 45 46 </style> 47 48 <div class="content relative low-z" reftest-assigned-layer="page-background"></div> 49 50 <div class="fixed opaque-background content mid-z" reftest-assigned-layer="fixed-layer"></div> 51 52 <div class="content relative high-z" reftest-assigned-layer="page-background"></div>