實現透明的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)
css3的rgba
所謂rgba顏色，顧名思意就是r+g+b+a的顏色，再具體點就是red+green+blue+alpha的顏色，翻譯一下就是紅+綠+藍+alpha透明的顏色。
background:rgba(200, 54, 54, 0.5);
其中，表示半透明度的0.5前面的0是可以省掉的，直接.5也是可以的。
相容性：ie6、7、8不支援，ie9及以上版本和標準瀏覽器都支援
解決ie8瀏覽器不支援rgba的方法：
background:rgba(0,0,0,0.5);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);
使用說明：設定顏色的不透明度，一般用於調整background-color、color、box-shadow等的不透明度。
背景色透明，文字不透明
背景色透明，文字不透明 在工作中遇到這麼乙個問題 1 背景色透明 2 在透明背景中文字是不透明的 3 文字要水平居中 為此，我給出了兩種解決辦法 1 使用html5的 rgba 屬性配置 背景透明，文字也透明 原理說明 1 div.demo背景色是黑色透明的 2 p標籤的內容是水平居中，並且沒有設定...
css實現背景透明文字不透明
設定元素的透明度 moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明p div div 可以很明顯的看出文字也被半透明...
css實現背景透明文字不透明
moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明 但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明 div可以很明顯的看出文字也被半透明的，這是我們不想看到的效果。...