CSS オーバーレイでのガラス効果の実現: ぼかしの問題の解決
問題: オーバーレイ div にぼかし効果を適用するオーバーレイの背後にあるコンテンツがぼやけずに残るため、これは困難であることがわかります。シンプルでブラウザを超えたソリューションを求めています。
解決策:
jsfiddle で提供される例では、CSS オーバーレイのぼかし効果に関する一般的な問題が示されています。オーバーレイがぼやけてしまいます。背景の代わりにそれ自体。これを修正するには、backdrop-filter プロパティの利用を検討してください。
更新CSS:
1 2 3 4 5 |
|
利点:
注:
ブラウザbackdrop-filter のサポートは、特に古いバージョンでは完全ではない可能性があります。ただし、以前に実装された CSS フィルターよりも大幅に改善されており、ぼかし効果が必須ではないほとんどのユースケースには通常十分です。
以上がオーバーレイ自体をぼかさずに、CSS オーバーレイで背景をぼかした効果を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。