問(wèn)題描述

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

問(wèn)題解答

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

opacity:0.5;設(shè)置透明度，不過(guò)會(huì)影響子節(jié)點(diǎn):

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

css3filter

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

補(bǔ)充一下樓上已采納的答案：

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

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

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

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