首页 > css中关于设置透明度的问题,有点混乱

css中关于设置透明度的问题,有点混乱

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


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


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


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

  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 不兼容后一种写法,所以用滤镜的方法来变相达到设置不透明度的目的。


background:#000设置背景:

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

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

css3filter

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

【热门文章】
【热门文章】