I'm working on a page that has a single layer acting as a filter for the content beneath it.
#filter {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9000;
backdrop-filter: blur(10px);
}
<div id='filter'></div>
<h1>Some text</h1>
The page is intended to be printed from the browser, but the backdrop filter isn't applied(although other fixed elements are shown correctly). Is there a way to include the backdrop filter in print? Tested on Chrome and Safari.