CSS3 -- 透明色(rgba)


1、rgba 描述

  rgb:紅r、綠g、藍b

  rgba:紅r、綠g、藍b、透明度Alpha

  取值:

    r、g、b值:正整數(0 ~ 255) | 百分數( 0.0% ~ 100.0%);(超出范圍的數值將被截至其最接近的取值極限。並非所有瀏覽器都支持使用百分數值。)

    a透明度值:取值0~1之間;(不可為負)

2、rgba 兼容

3、rgba 用法

  rgba:制作透明色(透明背景色、透明邊框色、透明前景色等),

  opacity:在CSS2中制作背景色通常用到,但用它制作邊框色或前景色的話,則存在問題。

  在CSS2中 兼容 寫法:

/* IE5 - 7 */
filter: alpha(opacity=80); 
/* IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
/* Everyone else */
opacity: 0.8;

  CSS3中 兼容寫法:

background: rgb(0,0,0); /*The Fallback color,這里也可以使用一張圖片來代替*/
background: rgba(0, 0, 0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM