2 ms·
Safari "filter:blur()" is not compatible with background images. Background images on a filtered element will disappear. While "backdrop-filter" is not compatib
by colept 9y ago
Safari "filter:blur()" is not compatible with background images. Background images on a filtered element will disappear. While "backdrop-filter" is not compatible with any other browser.
You either have to choose Safari (which only has a leading-yet-declining share on Macs) or every other browser to support.
- chuckhendo 9y agoI literally just tried this in Safari 10.1.1: https://codepen.io/chuckhendo/pen/NgGZqg https://codepen.io/chuckhendo/pen/NgGZqg Maybe it affects older versions of Safari, but I don't recall having run into it. "backdrop-filter" is irrelevant - it's an entirely different feature.
- colept 9y agoIt works now I guess, but Safari has quirks I've seen time and time again where things don't work as they should. I'm also hesitant to call it "fixed" considering it happened just last month and YMMV with a one-element pen.