在我們前端設計裡有兩篇教程： css3 rgba colors使用說明 css3中opacity屬性學習與實踐，他們公別介紹了rgba,rgb,opacity的用法，這裡我們把這三個屬性放在一起來考慮：css3 rgba等於rgb加上opacity嗎?
請別先回答，我們接下來分析分析。
以前我們經常會碰到這樣乙個問題，設定了乙個div的opacity(透明度)以後，這個div層裡的內容也跟著透明了，特別是文字，一透明就離我 們想要的效果差很遠了，顯示這不是我們需要的。以前我遇風這種情況通常是把透明的div與原先放在他中間的內容分成兩個平級的元素，然後通過定位來使內容 的元素蓋中透明div的上面，一般的問題還是可以解決，不過也不問題，想想，如果我們的內容有多有少的話，那怎麼辦？js吧，呵呵，又是這麼沒效益的事來 了。
下面我們來看看在css3中遇見到這種情況的那些事兒
rgba,rgb,opacity這三個屬性前面都有講過，這裡我再重複一下，rgba是定義乙個顏色的紅綠藍值和這個顏色的透明度。rgb則只是定義了顏色的紅綠藍值，opacity是定義乙個元素的透明度。發現重點了嗎？
opacity是定義乙個元素的透明度，對於乙個網頁來說，這裡的元素及乙個具體的「東西」,比如乙個布局元素，乙個圖元素，頁rgba和rgb是定義的是這個元素的屬性
我的理解是:定義元素跟定義元素屬性這兩個詞跟元素本身的層次都不一樣了。
我的理解可能不對，不過看看下面的例項，你就明白了
瀏覽器參照基準：firefox3.6 and later, chrome5 and later, safari5 and later, opera10.53 and later, ie系列不做參考
rgba(0-255,0-255,0-255,0-1)
background-color:#000000;
background-color:rgb(0,0,0);background-color:rgb(0,0,0); opacity:.5;background-color:rgba(0,0,0,.5);CSS3圓角 rgba顯示
css3圓角 設定某乙個角的圓角，比如設定左上角的圓角 border top left radius 30px 60px 此時為橢圓角 border top left radius 30px 此時為正圓角 同時分別設定四個角 border radius 30px 60px 120px 150px 此...
CSS3顏色 RGBA 漸變色彩
rgb是一種色彩標準，是由紅 r 綠 g 藍 b 的變化以及相互疊加來得到各式各樣的顏色。rgba是在rgb的基礎上增加了控制alpha透明度的引數。語法 color rgba r,g,b,a 以上r g b三個引數，正整數值的取值範圍為 0 255。百分數值的取值範圍為 0.0 100.0 超出範...
5 3 CSS3圓角 陰影 rgba
設定某乙個角的圓角，比如設定左上角的圓角 border top left radius 30px 60px 同時分別設定四個角 border radius 30px 60px 120px 150px 設定四個圓角相同 border radius 50 box shadow h shadow v sh...