IE 8 以下では CSS3 の background-size が効かない

制作しているサイトのを Retina Display で見ると画像などがぼやけて、あまりにも見苦しいので、制作しているサイトも Retina 対応していこうということで、CSS3 の background-size を使って直していました。

ほぼ作業も終わりというところで、IE 8 以下では CSS3 の background-size が効かないということが判明しました。IE 6 ならまだしも IE 8 を切り捨てるというのは、ちょっと潔すぎるので、IE 8 でも正しく表示されるようにすることに。

いろいろ調べてみると、jquery.backgroundSize.js というプラグインがあるらしい。
試していないんですが、一枚画像しか対応出来ないような気がしたので、IE 8 以下は CSSを専用に持たせることにしました。簡単なので…。