0

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>ます。私のアプリケーションではそれを使用できません。解決策はありますか?

4

0 に答える 0