DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> RGBA顏色實現背景顏色透明而文字不透明
RGBA顏色實現背景顏色透明而文字不透明
編輯:CSS詳解     

一直以來,浏覽器的透明一直無法實現 單純的顏色透明,每次使用alpha後就會把透明的屬性繼承到子節點上。換句話說,很難實現背景顏色透明而文字不透明的效果,直到RGBA顏色的出現這一切將成為現實。

    實現這樣的效果非常簡單,設置顏色的時候我們使用標准的 rgba() 單位即可, 如rgba(255,0,0,0.4) 這樣就出現了一個紅色同時擁有alpha透明為0.4的顏色。

    經過測試 Firefox 3.0 safari 3.2 Opera 10都支持了rgba單位,很可惜的是我們的ie系列,包括ie8都還沒有很好的支持. 如果IE不加快這裡的步伐,很快就會輸掉這個浏覽器的戰爭...

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