css設置透明度

　　　　　　　　　　css設置透明度的兩種方法

　　一、css rgba()設置顏色透明度

rgba（R,G,B,A）;

rgba（)里的值的介紹：

1. R：紅色值。正整數 （0~255）
2. G：綠色值。正整數 （0~255）
3. B：藍色值。正整數（0~255）
4. A：透明度。取值0~1之間

　　rgba()只是單純的可以設置顏色透明度。例如：讓背景出現透明效果，但上面的文字不透明。

.Li1{
                background:rgba(255,0,0,1);
            }

　　二、css opacity屬性設置背景透明度

 .Li2{
                opacity:1;
            }
 .Li3{
                opacity:0.5;
            }

后面的參數代表透明度，數值為正整數，范圍0~1之間

opacity屬性具有繼承性，會使容器中的所有元素都具有透明度；

總結：rgba()方法與opacity方法都可以實現透明度效果；

　　rgba()只作用於元素的顏色或其背景色（設置了rgb(）透明度元素的子元素不會繼承其透明效果）；而opacity具有繼承性，既作用於元素本身，也會使元素內的所有子元素具有透明度。