IE8でAlphaImageLoaderを使用しbackground-imageを可変にする際の注意点


大きさが可変のblockで背景にbackground-imageを指定しようとすると、IE8ではbackground-sizeを解釈できないため下図のように背景に設定した画像がストレッチしてくれません。

なのでIE8の場合はAlphaImageLoaderを使用すると背景画像がストレッチしてくれます。

ただAlphaImageLoaderを使用するとそのblock内に記述しているaタグが反応しなくなります。ちなみにラジオボタンなども反応しなくなります。さらになぜかfont-familyの設定までもがおかしくなります。
このクリックができなくなる事象を回避するには、aタグが記述されている子blockに対して「position:relative;」を記述してあげると解決できます。

参考HTMLソース画面