前端 - 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 这种。