
css可以使用rgba设置透明度,此属性不具有继承性,使用此属性设置透明度就不会被继承。
rgba色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度
RGBA
说明:
RGBA(R,G,B,A)
取值:
R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:Alpha透明度,取值0~1之间。
说明:
RGBA记法
此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。
IE6.0-8.0不支持使用 rgba 模式实现透明度,可使用 IE 滤镜处理
示例代码:
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);
#88000000 的前两位数字控制透明度,取值16进制从00 -> FF(越小越透明),00表示完全透明,FF就是全不透明,后面六位是色值。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.div1{
width:450px;
height: 300px;
background-color: rgb(0, 0, 0,0.3);
}
</style>
</head>
<body>
<div class="div1"><div>不继承透明度</div></div>
</body>
</html>效果图:

以上就是css如何设置透明度不继承?的详细内容,更多请关注易知道|edz.cc其它相关文章!













