third_party/WebKit/LayoutTests/dialog/modal-dialog-backdrop-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 .dialog-default-ua-style {
   4     position: absolute;
   5     left: 0;
   6     right: 0;
   7     margin: auto;
   8     border: solid;
   9     padding: 1em;
  10     background: white;
  11     color: black;
  12 }
  13
  14 #dialog {
  15     height: 100px;
  16     width: 100px;
  17     top: 100px;
  18     z-index: 1000;
  19     background: green;
  20 }
  21
  22 #backdrop {
  23     position: fixed;
  24     top: 0;
  25     left: 0;
  26     right: 0;
  27     bottom: 0;
  28     background: rgba(0,0,0,0.1);
  29     z-index: 100;
  30 }
  31 </style>
  32 <body>
  33 Test for the default user agent style of dialog::backdrop. The test passes if
  34 there is a green box, above a very lightly translucent gray box spanning the
  35 viewport.
  36 <div id="backdrop"></div>
  37 <div class="dialog-default-ua-style" id="dialog"></div>
  38 </body>