reftest-assigned-layer-pass.html (745B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>Both divs should be part of opaque layers.</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 .high-z { 31 z-index: 2; 32 } 33 34 .opaque-background { 35 background-color: white; 36 } 37 38 body { 39 height: 4000px; 40 } 41 42 </style> 43 44 <div class="content relative low-z" reftest-assigned-layer="page-background"></div> 45 46 <div class="fixed opaque-background content high-z" reftest-assigned-layer="fixed-layer"></div> 47 48 <div class="content relative low-z" reftest-assigned-layer="page-background"></div>