CSS-Filters-Polyfill ( https://github.com/Schepp/CSS-Filters-Polyfill )でぼかし機能を使用するときに発生する問題の回避策を見つけようとしています。コンテンツがぼやけていると、ぼやけたエッジまたはぼやけたエッジが得られ、ぼやけたコンテンツの周り全体でシャープなエッジを実現しようとしています.
この問題を Polyfilter の作成者に伝えたところ、彼はoverflow:hidden を親コンテナに適用することを提案しました。これは役に立ちましたが、ブラウザーの比率が変化している場合でも、コンテナーの左側と右側がぼやけて表示され、赤い背景が透けて見えます。
これは私が料理している例http://codepen.io/0leg/full/CzLIFです。画像のエッジが全体的にシャープな場合は、ブラウザ ウィンドウの高さを減らし、側面をできるだけ広く保ちます。
コード スニペットのクレジット: Codrops - Nifty Modal Window Effects