問題描述

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

問題解答

background:#000設(shè)置背景：

opacity:0.5;設(shè)置透明度，不過會影響子節(jié)點:

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

css3filter

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

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

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

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

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

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