layout/reftests/reftest-sanity/reftest-assigned-layer-fail-3.html

   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 .mid-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 low-z" reftest-assigned-layer="fixed-layer"></div>