2013年5月24日 星期五

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
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...