举例:
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
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: 架构师日记-从代码到设计的性能优化指南 | 京东云技术团队
一 前言 服务性能是指服务在特定条件下的响应速度、吞吐量和资源利用率等方面的表现。据统计,性能优化方面的精力投入,通常占软件开发周期的10%到25%左右,当然这和应用的性质和规模有关。性能对提高用户体验,保证系统可靠性,降低资源使用率,甚至增强市场竞争力等方面…