IOS style background blur
My name is Miguel Nieves and I'm developing a site at www.lebensborn.us so my question is as followes:
Ssincw the release of iOS 7, there has been a small yet elegant alteration to the UI, blurring of the backgrounds of certain elements.
I have tried using blur.js and several other techniques such as svg blurring, to no avail. The issue is they only work on images and, to a certain extent, entire pages. What I would like to be able to do is blur whatever is directly behind, and exclusively behind, certain fixed division elements even as I scroll down the page...
Is there or will there be a way (at least for Firefox) to achieve such ambition?
Additional System Details
- User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 8_1_2 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B440 Safari/600.1.4
locking this thread as the topic isn't related to Firefox support