理解CSS前景色彩和透明度，css景色透明度

理解CSS前景色彩和透明度，css景色透明度
前面的話

　　顏色的出現讓網頁不再只是黑白，運用好顏色設計，能讓網頁增色不少。一個網頁給人們留下的第一印象實際上就是它的整體顏色。關於如何設定顏色，請移步CSS的6種顏色模式。實際上，顏色的應用主要分為前景色彩、背景色和透明三個部分。本文主要介紹前景色彩和透明度。

 

color前景色彩

　　值: <color> | inherit

　　初始值: 使用者代理程式特定的值

　　應用於: 所有元素

　　繼承性: 有

【影響邊框】

　　一般來說，前景是元素的文本，不過前景還包括元素周圍的邊框。有兩種方式直接影響一個元素的前景色彩，可以使用color屬性，也可以使用屬性border-color設定邊框顏色

【繼承顏色】

　　color是可以繼承的，可以把文檔中的所有正常文本設定為某種顏色，如通過聲明body{color:red;}設定為紅色。這會把所有沒有其他樣式的文本變成紅色(如錨就不包含在內，錨有其自己的顏色樣式)。但瀏覽器對錶單類元素有預定義的顏色，使body顏色無法繼承到表單類元素中

opacity透明(IE8-瀏覽器不支援) 

　　opacity是CSS3中專門用來設定透明度的一個屬性，opacity只能給整個元素設定一個透明度，並且其透明度直接會繼承給其後代元素

　　值: value | inherit

　　value:預設值是1，可以取0-1的任意浮點數。其中，1表示完全不透明，0表示完全透明

　　初始值: 1

　　應用於: 所有元素

　　繼承性: 無

【相容性】

　　IE8-瀏覽器不支援opacity透明屬性，可以使用其專用的濾鏡來實現opacity透明屬性的透明效果

　　filter:alpha(opacity=透明值)，該透明值是0-100之間的任意整數

opacity: 0.8;filter:alpha(opacity=80);