CSS3 全螢幕背景寫法

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

  1. html {    
  2.   backgroundurl(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

留言

熱門文章