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

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

天蓬老师
天蓬老师

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

全部回覆(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 這種。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板