語法教學之右方背景圖教學與透明語法

右邊背景主要分兩層，來訪人數也是分開的，所以有兩段

預覽圖：

.postboxin {background-image:url(圖片網址);}


預覽圖：

.postbox2 {background-image:url(圖片網址);}

background-image:url(圖片網址);/圖片網址,可自行代換網址/


========　附加說明　－　透明語法

純背景或許好看，但如何讓背景看起來有點夢幻，增進美感就可以使用透明語法
當然不一定要加在我今天教學的地方，其他地方都可以試著去玩看看
語法是固定的，但是可以使用的地方卻不一定
多問、多嘗試，是學會的不二法門，只問卻不自己去把各種語法拿來嚐試看看變化也是不行的
我教學的，一定是我覺得喜歡，或許表面看來不太實用，但是換個角度去想，
只要多嘗試多跟我一樣改壞很多網誌就可以玩出心得來的唷

filter:Alpha(opacity=100,finishOpacity=0,style=1);
/透明度語法1,style=1style=2style=3,都有些不,客官有興趣可以玩看看,不多做敘述/


filter:alpha(opacity=100); /半透明度語法,數字為透明程度/

這兩者差在哪?比較看看就知道！





看出來了嗎:)，一種是有漸層的感覺，一種就是整張是透明感，都不錯的唷！


怎麼加上去?

舉例來說


.postbox2 {background-image:url(圖片網址);}


隨意插在任何一段，注意;及}有無

.postbox2 {

background-image:url(圖片網址);
filter:Alpha(opacity=100,finishOpacity=0,style=1);

}