IEでcssのフィルタがかからない

Question

.img-6 {
    -webkit-filter:brightness(0.5)blur(4px)sepia(80%);
    -moz-filter: brightness(0.5)blur(4px)sepia(80%);
    -o-filter: brightness(0.5)blur(4px)sepia(80%);
    -ms-filter: brightness(0.5)blur(4px)sepia(80%);
    filter: brightness(0.5)blur(4px)sepia(80%);
    cursor: pointer;

}

.img-6:hover {
    -webkit-filter:brightness(0.3)sepia(80%);
    -moz-filter: brightness(0.5)sepia(80%);
    -o-filter:  brightness(0.5)sepia(80%);
    -ms-filter:  brightness(0.5)sepia(80%);
    filter:  brightness(0.5)sepia(80%);
}

google chrome と microsft edgeでは適用されました。
IEではフィルタがうまくかかりません。暗くもなくぼやけずセピア色にもならないです
またIEでは画像の外側（の一部が）4px分ほど表示がおかしいです。（画像の上端が下の端にきてるみたいな）
↑表示がおかしいのはぼかせばごまかせますのでこれはあまり問題ではありませんがblurの4pxが原因だと思いました

Answer 1

IEは、正式なCSSフィルターには対応していません（Can I use）。

IE独自のfilterプロパティがありますが、これはまったく書き方が違います。

Comments

[urawanousagi]

ありがとうございました！
SVGフィルタでやってみようと思います