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如何设置透明度不继承？的详细内容，更多请关注0133技术站其它相关文章！
