Can you include CSS Backdrop-Filters in print?

Viewed 100

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.

For more information on Backdrop-filter effects

0 Answers
Related