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 這種。