layout/reftests/reftest-sanity/reftest-assigned-layer-pass.html

   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>