gfx/tests/reftest/1765862.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <style>
   5                         .site-header {
   6                                 position: relative;
   7                                 z-index: 7;
   8                         }
   9                         .dropnav {
  10                                 visibility: hidden;
  11                         }
  12                         .dropnav:after {
  13                                 -webkit-backdrop-filter:blur(5px);
  14                                 backdrop-filter:blur(5px);
  15                                 content:"";
  16                                 height:calc(100vh - 70px);
  17                                 position:fixed;
  18                                 width:100%;
  19                         }
  20                 </style>
  21         </head>
  22         <body>
  23                 <header class="site-header">
  24                         <div class="dropnav">
  25                                 <span>App</span>
  26                         </div>
  27                 </header>
  28                 <div style="position: relative; top: 100px; left: 100px; width: 200px; height: 200px; background: blue;"></div>
  29         </body>
  30 </html>