IE10 で svg 画像のぼかしに関する問題が発生する。
<svg id="blurjs-10">
<filter id="blur10px">
<feGaussianBlur stdDeviation="10" in="SourceGraphic">
</filter>
</svg>
<img class="blurjs-10-radius" src="863e.png">
ここで、blurjs-10-radius は、
.blurjs-10-radius{
filter: url("#blur10px");
}
これは、firefox、chrome、safari などでは問題なく動作します。ただし、IE10 では<img>
タグがタグ内にあると想定されるため、これは失敗し<svg>
ます。私のアプリケーションではそれを使用できません。解決策はありますか?