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