UI の iOS7 ロック画面のルック アンド フィールを再現しようとしています。以下に例を示します。
背景画像をぼかすために、いくつかの高度な CSS フィルター ( http://demosthenes.info/blog/534/Crossbrowser-Image-Blur ) を使用しています。
-webkit-filter: blur(10px);
次に、不透明度が設定されたオーバーレイを使用します。
background-color: rgba(0,0,0,0.6)
手始めに、円形のボタンを再作成したいと思いました。ただし、下のレイヤーへの「カットアウト」を機能させる方法がわかりません。私のjsFiddle http://jsfiddle.net/abehnaz/cpwvU/6/をご覧ください
これを機能させる賢い方法はありますか？