DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS3 RGBA等於RGB加上opacity嗎?
CSS3 RGBA等於RGB加上opacity嗎?
編輯:CSS詳解     

在我們前端設計裡有兩篇教程: 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是定義的是這個元素的屬性

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

我的理解可能不對,不過看看下面的實例,你就明白了

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved