css3的多背景图片

举例：

 

 

div.test {
	background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmode_inverted.gif);
	background-repeat: repeat-y;
	background-position: top left, top right;
	width: 385px;
	height: 100px;
	border: 1px solid #000;
}

 

效果图：

 

注意：

 

   background-repeat  只有一个值，这个值控制所有的背景图

 

 

 

 

浏览器支持情况：

 

 

• FF 3.6(beta 2) +
• Chrome 1.0.154 +
• Safari 3.2.1+

    更多可以参考  http://caniuse.com/

扩展阅读：

1、 http://www.quirksmode.org/css/multiple_backgrounds.html

 

2、关于css3的background-size 可以参考 http://zhangyaochun.iteye.com/blog/1345074