Hacker News new | ask | show | jobs
by colept 3302 days 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.
1 comments
chuckhendo 3302 days ago
I literally just tried this in Safari 10.1.1: 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.

link
colept 3302 days ago
It 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.

link