此例主要是做网站的时候,做背景图所用。
可以将body换成任意的id,class等等。
body{
background: url(../img/bg.jpg) no-repeat center center fixed;
background-size: cover;
}
可加入以下几句主要是对各浏览器进行兼容处理:-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
该设置对以下浏览器有效:
- Safari 3+
- Chrome Whatever+
- IE 9+
- Opera 10+ (Opera 9.5 supported background-size but not the keywords)
- Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)