47101


以下の要素に対してfilter:blur効果を行いたいのですが、  
IE11の場合はどのように指定すれば良いのでしょうか？

HTML

[code]

    <p class="filter-blur">フィルター</p>
    
[/code]

CSS

[code]

    .filter-blur {
        /* Default Filter */
        filter         : blur(5px);
        -webkit-filter : blur(5px);
        -moz-filter    : blur(5px);
        -o-filter      : blur(5px);
        -ms-filter     : blur(5px);
    
        /* IE9 */
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);
    }
    
[/code]

画像に対してはいくつかサンプルがあったのですが、  
要素に対してはありません。

できれば以下の対応は行いたくないです。  
＃ 今後の更新で支障が出る可能性が高いため

[code]

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
    
[/code]

よろしくお願いします。


CC BY-SA 4.0
2018-07-30T03:27:41.647
47092
2018-11-19T07:03:35.750
20868
question
html css internet-explorer
IE11でエレメント要素にfilter:blur効果


[Can I use](https://caniuse.com/#search=filter)で見る限り、IE11はfilter未対応のようです。  
そのため、単純な方法では実現不可能だと思います。


CC BY-SA 4.0
2018-07-30T09:28:55.007
47101
2018-07-30T09:28:55.007
17324
47092
answer