IEで動作しない背景のぼかし

Question

私はCSS3に基づいてウェブサイトを開発しています。ここでは、背景をぼかすようにしようとするコードの一部です。

.blur { 
      -webkit-filter: blur(5px); 
      -moz-filter: blur(5px); 
      -o-filter: blur(5px); 
      -ms-filter: blur(5px); 
      filter: blur(5px); 
      filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); 
     } 

私はぼかしフィルターがサポートされていないことを知っています。この問題を解決するためにSVGを使用しなければならないと言った記事を検索します。しかし、どういうわけか、私のウェブサイトは、インターネットを使わないというシナリオを使っています。それは、ブラウズ時にアクセスすることができないということです。 SVGを使わずにこの問題を解決する方法はありますか？

Answer 1

基本的に、背景コンテナを複製して不透明度を変更し、画像をわずかに動かして自分自身にぼかしを与えていると思います。あなたが持っている別のオプションは

img:first-child { 
 
    opacity: 1; 
 
} 
 
img { 
 
    opacity: 0.2; 
 
    position: absolute; 
 
    top: 0; 
 
} 
 
img:nth-child(2) { 
 
    left: 1px; 
 
} 
 
img:nth-child(3) { 
 
    left: 2px; 
 
} 
 
img:nth-child(4) { 
 
    left: 3px; 
 
} 
 
img:nth-child(5) { 
 
    left: 4px; 
 
}

<img src="https://placekitten.com/600/600"/> 
 
<img src="https://placekitten.com/600/600"/> 
 
<img src="https://placekitten.com/600/600"/> 
 
<img src="https://placekitten.com/600/600"/> 
 
<img src="https://placekitten.com/600/600"/>