third_party/WebKit/LayoutTests/dialog/backdrop-does-not-inherit.html

   1 <!DOCTYPE html>
   2 <style>
   3 dialog {
   4     visibility: inherit;
   5     background: red;
   6 }
   7
   8 dialog::backdrop {
   9     position: absolute;
  10     top: 100px;
  11     left: 100px;
  12     height: 100px;
  13     width: 100px;
  14     visibility: inherit;
  15     background: green;
  16 }
  17 </style>
  18 <body>
  19 Test that ::backdrop does not inherit from anything. The test passes if there is
  20 a green box and no red.
  21 <div style="visibility: hidden">
  22     <dialog></dialog>
  23 </div>
  24 <script>
  25 document.querySelector('dialog').showModal();
  26 </script>
  27 </body>