third_party/WebKit/LayoutTests/fullscreen/full-screen-zIndex-after-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3     #block1 {
   4         width: 200px;
   5         height: 100px;
   6         border: 4px solid darkgreen;
   7         background-color: green;
   8     }
   9     #block2 {
  10         width: 100px;
  11         height: 50px;
  12         border: 4px solid darkred;
  13         background-color: red;
  14         z-index: 200;
  15         position: relative;
  16         left: 50px;
  17         top: 25px;
  18     }
  19     #block3 {
  20         z-index: 500;
  21         position: relative;
  22     }
  23 </style>
  24 <div>This tests that an element with a positive z-index appears behind the full screen element.
  25      After entering full screen mode, the green box should not be obscured by the red box.
  26      Click <button>go full screen</button> to run the test.</div>
  27 <div id="block2"></div>
  28 <div id="block3">
  29     <div id="block1"></div>
  30 </div>
  31 <div>END OF TEST</div>