DIV CSS 佈局教程網

體驗效果：
http://hovertree.com/texiao/css3/38/

實例

如何設置固定的背景圖像：

body 
  { 
  background-image: url(http://hovertree.com/hvtimg/bjafjc/wpirf7t5.png); 
  background-attachment: fixed;
  }

定義和用法

background-attachment 屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。

默認值： scroll 繼承性： no 版本： CSS1 JavaScript 語法： object.style.backgroundAttachment="fixed"

可能的值

值描述 scroll 默認值。背景圖像會隨著頁面其余部分的滾動而移動。 fixed 當頁面的其余部分滾動時，背景圖像不會移動。 inherit 規定應該從父元素繼承 background-attachment 屬性的設置。

 

 

以上的寫法 如果在手機裡面會出現兼容問題，怎麼辦？？

看下面解決方法：

 

body:before{
content: ' ';
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(http://hovertree.com/hvtimg/bjafaj/hm1uwx31.jpg) top center no-repeat;
background-size: cover;
}