新版CSS---欄位的背景圖與透明化:伽瑪星雲第58號行星:Xuite日誌
  • 安哥爾.摩亞
  • 關於我的一切,沒什麼好說的…



  • ☜新版CSS教學+網誌工具目錄☞
  • 最新回應
  • Re:久違了,by(安哥爾.摩亞)於2008-09-06
    Re:久違了,by(Greta)於2008-09-06
    Re:久違了,by(Blog幕僚長)於2008-09-04
    Re:橡皮章之道---0128、0130,by(安哥爾.摩亞)於2008-08-28
    Re:橡皮章之道---0128、0130,by(AcidGarden)於2008-08-27
    Re:版面分享-一起盪鞦韆,by(安哥爾.摩亞)於2008-08-10
    Re:版面分享-一起盪鞦韆,by(lisa)於2008-08-10
    Re:隨機自動輪播圖片,by(布丁yoyo)於2008-07-26
    Re:版面分享-4 紫色點點,by()於2008-07-19
    Re:新版CSS---文章區塊半透明----------(補充說明),by(Ω冰鎮阿嬤Ω)於2008-07-19
  • 最新文章
  • 文章分類
  • ♤最愛連結♤
  • 就是一些東西…
  • 現在線上人數:website counter
    快速連結→
    數位造林用網路多棵樹
    全球暖化很嚴重,請多多點按上面的連結,讓我們為地球盡一份心力!
  • 部落客廣告
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 我的親友團
  • 搜尋文章
  • 關鍵字
    2006-01-20 16:55 新版CSS---欄位的背景圖與透明化
  • ?
  • 新版CSS教學
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    紅鼻子小丑問說各個欄位的背景如何透明化;而小兔子媽咪問說如果欄位要加背景圖如何加?剛好兩位都是問欄位的背景,所以我就寫在一起啦…

    先來回答紅鼻子小丑的問題好了,不過不曉得你是要全透明(就是沒有背景圖),還是要半透明而已,所以我兩個都寫

    全透明:

    /*欄位內容*/ .side{ } ,如果你之前都沒有改過的話,裡面應該會有個 background: #色碼; 這一列語法,你要做的事很簡單,只要把這一列刪掉或是如果你還要留這一列讓以後參考的話就用/*及*/包住。

    半透明:

    一樣到/*欄位內容*/ .side{ }這裡,加上filter:Alpha(opacity=80);語法,數字越小就越透明,建議在60~80間比較適合。

    ****************************************************************

    再來是小兔子媽咪的問題

    如果妳是要每個欄位都一樣背景的話就比較簡單,一樣也是在/*欄位內容*/ .side{ }這裡,把原有的background: #色碼;語法刪掉,然後加上 background-image:url(圖片網址); 語法,和文章區塊的作法一樣,重複的話就不用加 background-repeat:no-repeat; 不重複才加。

    而如果妳是要每個欄位都不一樣背景的話,還是要在/*欄位內容*/ .side{ }這裡,把原有的background: #色碼;語法刪掉,然後到每個欄位語法中都會有個 .欄位名稱Side{ }語法,例如最新文章的欄位就是.articleSide{ };而最新留言的欄位就是.messageSide{ } … 以此類推。唯一不同的是關於我的欄位則是在 .avatar{ }中加入背景語法,和文章區塊的作法一樣。



    安哥爾.摩亞 / Xuite日誌 / 回應(84) / 引用(0) / 好文轉寄
  • 回應