前回と前々回では、CSS 3の草案CSS3 Backgrounds and Borders Moduleで追加された背景に関するプロパティを紹介したが、草案ではこの他にも新しい機能が追加されている。それが、1つの要素に複数の背景画像を表示する機能だ。 この機能を利用すれば、これまでは1枚の背景画像として用意する必要があった絵も複数の画像を重ねて作り出すことができ、デザインの調整や素材の使い回しが容易になる。現在、この機能にはSafariが対応しているので、記述方法や表示を確認していきたい。 また、backgroundプロパティで複数の背景画像の設定をまとめて指定する方法も紹介する。
![SafariのCSS 3対応--1つの要素に複数の背景画像を表示する - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1c74af798a74a57ba2cde5354f146e741513bb9/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F307f605e9b7d78dfad31b4c34bdc4a07%2Fstory_media%2F20363152%2F071212css-firefox-safari_184x138.jpg)