CSS3背景半透明


1 CSS3 中rgba的用法

CSS3 中的顏色有三種定義方法:使用顏色方法(RGB、RGBA、HSL、HSLA),十六進制顏色值和預定義的顏色名稱。

RGBA是代表red-紅色、green-綠色、blue-藍色 和alpha-透明度四個單詞的縮寫。RGBA顏色值是RGB顏色值的擴展,帶有一個alpha通道-它規定了對象的不透明度。

2 取值范圍:

R:紅色,正整數(0-255)

G:綠色,正整數(0-255)

B:藍色,正整數(0-255)

A:透明度,取值(0-1)

3 瀏覽器的兼容性.

RGBA顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari、Opera 10+

示例

<html>
    <head>
        <style>
            body {
                background-color:red;
            }
            .pliu {
                width:200px;
                height:200px;
                background:rgba(0,0,0,0.3);
            }
        </style>
    </head>
    <body>
        <div class="pliu">
            我是黑人
        </div>
    </body>
</html>

 


免責聲明!

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



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