基础知识
语法:
R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数
A:透明度。取值0~1之间
RGB色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。
RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值。
兼容性
例子:
代码
<style>
#container{
border:1px solid #ccc;
padding:5px;
width:300px;
height:100px;
}
#parentbg{
height:100%;
position:relative;
background:red;
}
p{margin:0;padding:0}
#tips{
position:absolute;
bottom:0;
right:0;
background:#666;
color:#fff;
width:100%;
text-align:center;
font-size:14px;
height:35px;
line-height:35px;
background:rgba(0,0,0,0.3);
}
</style>
</head>
<body>
<div id="container">
<div id="parentbg">
<div id="tips">
<p>css3中样式变化,RGBA使用</p>
</div>
</div>
</div>
</body>
</html>