實現透明的css方法通常有以下3種方式,以下是不透明度都為80%的寫法
- css3的opacity:x,x 的取值從 0 到 1,如opacity: 0.8
- css3的rgba(red, green, blue, alpha),alpha的取值從 0 到 1,如rgba(255,255,255,0.8)
- IE專屬濾鏡 filter:Alpha(opacity=x),x 的取值從 0 到 100,如filter:Alpha(opacity=80)
1: 設置opacity元素的所有后代元素會隨着一起具有透明性,一般用於調整圖片或者模塊的整體不透明度, 使用opacity后整個模塊都透明了
2: 使用說明:設置顏色的不透明度,一般用於調整background-color、color、box-shadow等的不透明度。后代元素不會一起跟着透明 (
padding: 25px; background-color:#000000;/* IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */ background-color:rgba(0,0,0,0.2); /* IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)會讀懂,但解析為透明 */
)
3: