84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
background:#000;opacity:0.8;filter:alpha(opacity=80);background:rgba(255,255,255,0.8); 弄不清楚这几个的关系
欢迎选择我的课程,让我们一起见证您的进步~~
background:#000设置背景:
background:#000
opacity:0.5;设置透明度,不过会影响子节点:
opacity:0.5;
filter:alpha(opacity=80);主要用于图片处理,滤镜。
filter:alpha(opacity=80);
css3filter
background:rgba(0,0,0,0.5);设置背景透明度,不会影响子节点
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官网颜色值那一张,链接我就偷懒不贴了。
background:#000;
background:rgba(255,255,255,0.8);
background
#000
rgba(255,255,255,0.8)
0.8
.8
filter:alpha(opacity=80); 和 opacity:0.8;:两者都可以用来设置不透明度,前者是 IE 的私有属性滤镜,因为 IE 不兼容后一种写法,所以用滤镜的方法来变相达到设置不透明度的目的。
opacity:0.8;
更确切的说,background-color:#FFF; 比 background: #FFF好 background这种简写形式更适合于 background :url(path) center center no-repeat 这种。
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 这种。