みかづきブログ その3

3ヶ月つづけてみました。

background-imageを複数指定してデフォルト画像のようにつかう

背景画像の読み込みに失敗した際のデフォルト画像を設定したくて背景画像を複数設定してみました。
読み込みに成功した際も、裏に表示されてしまうので透過画像とかにはつかえません。
また、ブラウザを選びます。(背景画像を複数指定できないブラウザでは動きません)

#img {
    /* 1つめの背景画像の裏に2つめの背景画像が表示される */
    background-image: url(/*表示したい背景画像*/), url(/*表示に失敗した際に表示したい背景画像*/);
}

デモ