版面全透明和半透明:光光 Blog:Xuite日誌
  • 最新文章
  • 文章分類
  • CSS/HTML應用筆記
  • 線上應用工具
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 最新回應
  • Re:生命中你看重什麼,by(光光)於2008-09-06
    Re:生命中你看重什麼,by(小娟)於2008-09-06
    Re:工商服務◆美麗就是要有氧◆ (代友刊登),by(Blog幕僚長)於2008-09-05
    Re:韓國可愛掛件輯27,by(我可以拿去用ㄇ)於2008-09-05
    Re:一歲生日快樂,by(光光)於2008-09-04
    Re:一歲生日快樂,by(紫色羅蘭)於2008-09-04
    Re:網頁常用語法,by(光光)於2008-09-04
    Re:網頁常用語法,by(史考莉)於2008-09-03
    Re:男性專用時計 ,by(光光)於2008-09-02
    Re:生命中你看重什麼,by(光光)於2008-09-02
    Re:男性專用時計 ,by(魚)於2008-09-02
    Re:生命中你看重什麼,by(小娟)於2008-09-02
    Re:生命中你看重什麼,by(光光)於2008-09-01
    Re:生命中你看重什麼,by(小娟)於2008-09-01
    Re:韓國可愛掛件輯27,by(光光)於2008-08-31
  • 最愛連結
  • 光光的五四三




  • ◎ 歡迎蒞臨 ◎
    請自由取用素材
    版權屬原創所有
    請勿做商業用途
    祝大家平安快樂




    光光Blog~首頁

    台灣部落格列表


    website counter
  • 參觀人氣統計
  • 廣告作公益
  • 誰拜訪過我
  • 光光
  • 搜尋文章
  • 關鍵字
    2007-11-15 21:13 版面全透明和半透明
  • ?
  • CSS/HTML應用
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    全透明:

    /*  跟  */將background-color語法mark掉!
    例如:

    /*欄位內容*/
    .side{
        /* background:#ffffff; */

    /*文章外框*/
    #content{
        padding: 3px;
      margin: 3px;
    /* background-color:#ffffff; */
     border:#FFE89C 5px solid;
    }

    然後到每個欄位語法中都會有個 .欄位名稱Side{ }語法,
    例如最新文章的欄位就是.articleSide{ };
    而最新留言的欄位就是.messageSide{ } … 以此類推。
    唯一不同的是關於我的欄位則是在 .avatar{ }
    全部用/*  跟  */將backkground-color語法mark掉!


    半透明:

    在上面說的地方,加上 filter:Alpha(opacity=80);  數字越小就越透明,建議在60~80間比較適合。例如:

    /*文章外框*/
    #content{  filter:Alpha(opacity=80);   
        padding: 3px;
        margin: 3px;
        background-color:#ffffff;
        border:#FFE89C 5px solid;
    }

    一樣每個地方都要加上filter:Alpha(opacity=80);  語法

    光光首頁

     



    光光 / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄
  • 回應