CSS3 全螢幕背景寫法

簡單的用CSS3做一個全版面的背景。

view plaincopy to clipboardprint

1. html {    
2.   background: url(images/bg.jpg) no-repeat center center fixed;    
3.   -webkit-background-size: cover;   
4.   -moz-background-size: cover;   
5.   -o-background-size: cover;   
6.   background-size: cover;   
7. }  

Demo

如果要解決不支援CSS 3的瀏覽器，這裡有一篇寫得很詳細。
Perfect Full Page Background Image