[CSS3]多背景图片设置 – multiple-backgrounds

一个宽为400px的自适应高度的BOX，在Safari下浏览哦（目前只有Safari支持该属性）
Demo:/examples/multiple-backgrounds.html

background-image: w1,…wM, w1,…wM, w1,… /* N values */
background-repeat: x1,…xR, x1,…xR, x1,… /* N values */
background-size: y1,…yS, y1,…yS, y1,… /* N values */
background-position: s1,…rP, s1,…rP,… /* N values */ 

你可以这么写：

background: url(images/multiple_bg.png) left top no-repeat,
url(images/multiple_bg.png) -400px bottom no-repeat,
url(images/multiple_bg.png) -800px top repeat-y;

也可以这么写：

background-image: url(images/multiple_bg.png), url(images/multiple_bg.png), url(images/multiple_bg.png);
background-position: left top, -400px bottom, -800px top;