1765862.html (583B)
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>