This is really hard. Right now you can't do it the way iOS does, as you can either blur or not blur an element. You can't just blur part of it.
You can use Webkit's blur filter on the other elements, but that's not quite good enough.
A kinda good way to use that is:
*:not(.unblurred) {
-webkit-filter: blur(1px);
}
But this isn't really ideal in almost every case.
CSS Custom Shaders are likely promising, as is perhaps using -moz-element as a background, but right now the answer is basically 'hard luck'.
Try http://iamvdo.me/conf/2012/kiwiparty/#/33 in Firefox (click anywhere) to see the -moz-element effect. It's not bad, but support is limited, and it is very slow.
http://codepen.io/simurai/pen/dFzxL shows a demo that isn't bad, but relies on having a background image that is known ahead of time.
http://webdirections.org/demos/translucency/index.html is another demo, which isn't bad at all. Tutorial is http://www.webdirections.org/blog/creating-ios-7-effects-with-css3-translucency-and-transparency/