在我們前端設(shè)計(jì)里有兩篇教程： CSS3 RGBA colors使用說(shuō)明　css3中opacity屬性學(xué)習(xí)與實(shí)踐，他們公別介紹了RGBA,RGB,opacity的用法，這里我們把這三個(gè)屬性放在一起來(lái)考慮：CSS3 RGBA等于RGB加上opacity嗎?

請(qǐng)別先回答，我們接下來(lái)分析分析。

以前我們經(jīng)常會(huì)碰到這樣一個(gè)問(wèn)題，設(shè)置了一個(gè)div的opacity(透明度)以后，這個(gè)div層里的內(nèi)容也跟著透明了，特別是文字，一透明就離我們想要的效果差很遠(yuǎn)了，顯示這不是我們需要的。以前我遇風(fēng)這種情況通常是把透明的div與原先放在他中間的內(nèi)容分成兩個(gè)平級(jí)的元素，然后通過(guò)定位來(lái)使內(nèi)容的元素蓋中透明div的上面，一般的問(wèn)題還是可以解決，不過(guò)也不問(wèn)題，想想，如果我們的內(nèi)容有多有少的話(huà)，那怎么辦？js吧，呵呵，又是這么沒(méi)效益的事來(lái)了。

下面我們來(lái)看看在CSS3中遇見(jiàn)到這種情況的那些事兒

RGBA,RGB,opacity這三個(gè)屬性前面都有講過(guò)，這里我再重復(fù)一下，RGBA是定義一個(gè)顏色的紅綠藍(lán)值和這個(gè)顏色的透明度。RGB則只是定義了顏色的紅綠藍(lán)值，opacity是定義一個(gè)元素的透明度。發(fā)現(xiàn)重點(diǎn)了嗎？

opacity是定義一個(gè)元素的透明度，對(duì)于一個(gè)網(wǎng)頁(yè)來(lái)說(shuō)，這里的元素及一個(gè)具體的“東西”,比如一個(gè)布局元素，一個(gè)圖元素，頁(yè)RGBA和RGB是定義的是這個(gè)元素的屬性

我的理解是:定義元素跟定義元素屬性這兩個(gè)詞跟元素本身的層次都不一樣了。

我的理解可能不對(duì)，不過(guò)看看下面的實(shí)例，你就明白了