backdrop-inherit.html (687B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>::backdrop inherits style from the fullscreen element</title> 4 <link rel=match href="backdrop-green-ref.html"> 5 <link rel=help href="https://github.com/whatwg/fullscreen/issues/124"> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <style> 9 body { 10 --bg: red; 11 } 12 div { 13 --bg: green; 14 } 15 div::backdrop { 16 background: var(--bg); 17 } 18 </style> 19 <div></div> 20 <script> 21 document.addEventListener('fullscreenchange', () => { 22 document.documentElement.classList.remove('reftest-wait'); 23 }); 24 test_driver.bless('fullscreen', () => { 25 document.querySelector('div').requestFullscreen(); 26 }); 27 </script>