IE11で背景画像がぼやける問題

Yukimi Sato 1,533views 更新:2015年7月6日

他のブラウザでは一切問題ないのにIE11でのみ背景画像として指定したアイコンがぼやけてしまいます。
解決策ではないですが、とりあえずの応急措置的な方法をメモ。

  • 場所によってはぼやける
  • アイコンの欠けは無くなる

sprite画像の場合は個別画像にする

spriteだとより酷くなるので、IE11用に個別に切り出します。

その時、上下左右に1pxの余白を用意する

余白がないと場所によってはアイコンが欠けてしまう為。

背景画像のpositionをx,y共に「-0.05px」指定する

background-position-x: -0.05px !important;
background-position-y: -0.05px !important;

こんな感じです。

これでも応急措置なので、根本的な解決策(問題)も早めに知っておきたいところ。。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません