戻る
Internet Explorer 8以下に対応する
Internet Explorerのバージョン8以下では、background-sizeプロパティと複数の背景画像の表示には未対応です。そのため、右のように背景画像は表示されませんが、コンテンツの閲覧には影響しませんので、サンプルでは特別な対応は行っていません。
Internet Explorer 8での表示。背景画像は表示されません。
バージョン8以下でも同じように表示する場合、STEP5-8と5-9で使用した2枚の画像を1枚に統合し、大きさと配置を調節した画像（circle-mix.png）を作成します。あとは、この画像をbackground-imageプロパティで指定し、背景画像として表示します。なお、背景画像の設定は<!--[if lt IE 9]>～<![endif]-->の中に記述し、Internet Explorer 8以下の場合のみ表示するようにします。
Internet Explorer 8以下用の背景画像
circle-mix.png
（105×110ピクセル）。
<!--[if lt IE 9]>
<style>
div#container
{background-image: url(circle-mix.png);
background-repeat: no-repeat;
background-position: 15px 420px}
</style>
<![endif]-->
Internet Explorer 8以下ではcircle-mig.pngが表示されるようになります。