IE11でbackgroundを使用して画像を指定していると画像がぼける

IE11でCSSのbackgroundプロパティを使用して画像を指定していると画像がぼける現象が発生します。

この現象は、同時にborder-radiusプロパティに0以降の値がしていることが原因となっています。

border-radiusを諦める

1つ目の解決方法はborder-radiusを諦めることです。

img要素を使用する

2つ目の解決方法はimg要素をしよすることです。
実装面で影響がなければborder-radiusを生かすことができます。