CSS - 背景設定

摘要:CSS - 背景設定

暮然回首,已匆匆過了兩個月,今年過的可真特別的快,忙碌一下,這邊也荒廢了一陣子

直到最近專案收尾才開始又有新東西進來。

 

其實也不是甚麼新鮮事,最近在網站上讀取文章時,注意到一個小功能,在網頁捲動畫面時

文字會慢慢的蓋住圖片,如下

 

觀察原始碼以後才發現,透過簡單的CSS設定就可以達成了,如下,

body { 
    /*背景底圖*/
    background-image: url('App_Themes/images/bg/SUN.png');
    /*背景是否重複*/
    background-repeat: no-repeat;
    /*固定背景,不隨捲軸移動*/
    background-attachment: fixed;
    background-position :center;
}

 

趁空閒就累積一點知識囉 !