他のブラウザでは一切問題ないのにIE11でのみ背景画像として指定したアイコンがぼやけてしまいます。
解決策ではないですが、とりあえずの応急措置的な方法をメモ。
- 場所によってはぼやける
- アイコンの欠けは無くなる
sprite画像の場合は個別画像にする
spriteだとより酷くなるので、IE11用に個別に切り出します。
その時、上下左右に1pxの余白を用意する
余白がないと場所によってはアイコンが欠けてしまう為。
背景画像のpositionをｘ，ｙ共に「-0.05px」指定する
background-position-x: -0.05px !important; background-position-y: -0.05px !important;
こんな感じです。
これでも応急措置なので、根本的な解決策（問題）も早めに知っておきたいところ。。
