[CSS3 を使ってみる：第八回] 複数の背景画像を設定する(background)

CSS3 では background で複数の背景画像をカンマ区切りで設定できる。

今回使用する背景画像は以下。幅 50px 高さ 50px。


以下は div (id: background、width: 200px、height: 100px) に背景画像を左上と右下に設定した場合。

#background {
  background:
    url(DasEnde_mini.jpg) no-repeat top left,
    url(DasEnde_mini.jpg) no-repeat bottom right;
}

確認環境：
Safari 5.0、Firefox 3.6.3、Chrome 5.0.375.70、Opera 10.53

W3C：
CSS Color Module Level 3