css Blur Issue：親のぼかし効果

から子要素を除外します。ただし、絶対的なポジショニングを使用せずにこのぼやけから子供の要素を免除する解決策があります。親divに「位置：相対」を割り当てます。 （または、高さ/幅を100％に設定）バックグラウンドDivに。これにより、バックグラウンドDIVは親Div。

をコンテンツ要素から分離することにより、バックグラウンドディブに適用されるぼかしフィルターがテキストまたは他の目的のコンテンツを含む子要素に影響しないことを保証します。 位置：相対; 高さ：100px; 幅：100px; } ＃背景 { 位置：絶対; 上：0; 左：0; 右：0; 下：0; 背景色：赤; フィルター：Blur（3px）; z -index：-1; }