問題描述

background:#000;opacity:0.8;filter:alpha(opacity=80);background:rgba(255,255,255,0.8); 弄不清楚這幾個的關系

問題解答

background:#000設置背景：

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

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

css3filter

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

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

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官網顏色值那一張，鏈接我就偷懶不貼了。

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

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

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