前端 - css中关于设置透明度的问题，有点混乱

Question

background:#000;
opacity:0.8;
filter:alpha(opacity=80);
background:rgba(255,255,255,0.8);
弄不清楚这几个的关系

Answer 1

background:#000設定背景：

opacity:0.5;設定透明度，不過會影響子節點:

filter:alpha(opacity=80);主要用於圖片處理，濾鏡。

css3filter

background:rgba(0,0,0,0.5);設定背景透明度，不會影響子節點

Answer 2

補充一下樓上已採納的答案：

1. background:#000; 和 background:rgba(255,255,255,0.8);：都是 background 背景屬性，只不過值的表示方式不同。 #000 和 rgba(255,255,255,0.8)是兩種不同的屬性值，前者是十六進位值，後者是rgba值，a=alpha用來表示不透明度，0.8寫作.8更專業一些。 rgba 是 CSS3 新增的方法，要注意相容性。其他的常用顏色值方法還有rgb，更詳細的可以看 w3c官網顏色值那一張，連結我就偷懶不貼了。

2. filter:alpha(opacity=80); 和opacity:0.8;：兩者都可以用來設定不透明度，前者是IE 的私有屬性濾鏡，因為IE 不相容後一種寫法，所以用濾鏡的方法來變相達到設定不透明度的目的。

Answer 3

background:rgba(0,0,0,0.5);設定背景透明度，不會影響子節點

Answer 4

更確切的說，background-color:#FFF; 比background: #FFF好background這種簡寫形式更適合於background :url(path) center center no-repeat 這種。