Hacker News Reader

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.

View on HN

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.

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.

Reply on news.ycombinator.com