- opacity filter
- rgb(r,g,b) rgba(r,g,b,a)
1.rgba(r,g,b,a);
R:红色值:0-255 | 百分数
G:绿色值:0-255 | 百分数
B:蓝色值:0-255 | 百分数
A:Alpha透明度:0~1
2.opcaity
opacity: 0-1|inherit
filter:Alpha(opacity=50) --IE8-
3.常用
/*子元素不透明*/
.alpha_self{
background-color: rgba(255,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0d53bc, endColorstr=#CC0d53bc);
}
/*子元素也透明*/
.alpha_all{
opacity:.8;
filter:Alpha(opacity=80) /*--IE8-*/
}
<!DOCTYPE html>
<html>
<head>
<title>opacity filter rgba</title>
<meta charset="utf-8">
<style>
/*常用*/
.box{
width: 200px;
height: 200px;
background-color: #f00;
opacity: .5;
filter:Alpha(opacity=50) /*--IE8-*/
}
.box p{
width: 150px;
height: 150px;
background: rgb(0,255,0)
}
</style>
</head>
<body>
<div class="box">
<p></p>
</div>
</body>
</html>