前端 - css中关于设置透明度的问题,有点混乱
天蓬老师
天蓬老师 2017-04-17 11:23:11
0
4
668

background:#000;
opacity:0.8;
filter:alpha(opacity=80);
background:rgba(255,255,255,0.8);
弄不清楚这几个的关系

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

Antworte allen(4)
迷茫

background:#000设置背景:

opacity:0.5;设置透明度,不过会影响子节点:

filter:alpha(opacity=80);主要用于图片处理,滤镜。

css3filter

background:rgba(0,0,0,0.5);设置背景透明度,不会影响子节点

Peter_Zhu

补充一下楼上已采纳的答案:

  1. background:#000;background:rgba(255,255,255,0.8);:都是 background 背景属性,只不过值的表示方法不同。#000rgba(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 不兼容后一种写法,所以用滤镜的方法来变相达到设置不透明度的目的。

Ty80

background:rgba(0,0,0,0.5);设置背景透明度,不会影响子节点

伊谢尔伦

更确切的说,background-color:#FFF;background: #FFF好 background这种简写形式更适合于 background :url(path) center center no-repeat 这种。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage