通过RGBA设置透明度，只有最新的浏览器支持，支持IE9+，可通过RGBA的alpha通道的方式设定。
（推荐教程：
CSS教程）

前三个值是rgb的颜色值，最后一个透明度的值，取值为0~1，值越小越透明。
兼容所有浏览器写法：
background-color:rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000,endColorstr=#40000000);
注意：
startColorStr 和 endColorStr 的值，前两位是十六进制的透明度，后面六位是十六进制的颜色。
其格式为 #AARRGGBB 。
AA 、 RR 、 GG 、 BB 为十六进制正整数。
取值范围为 00 - FF 。
RR 指定红色值， GG 指定绿色值， BB 指定蓝色值，参阅 #RRGGBB 颜色单位。
AA 指定透明度。
00 是完全透明。
FF 是完全不透明。
超出取值范围的值将被恢复为默认值。
（视频教程推荐：
css视频教程）2位透明度的换算方法：
x=alpha*255 ，将计算的结果 x 转换成十六进制即可。
js换算16进制方法：
x.toString(16)例如：
上面的 0.25 透明度，换算为IE的AA透明度：
var a = 0.25 * 255 = 63.75 ~= 64;
a.toString(16) = 40举例：

以上就是css如何设置透明度不会影响子元素的详细内容，更多请关注php中文网其它相关文章！
微信
分享相关标签：
css 透明度 子元素本文转载于：
csdn，如有侵犯，请联系[email protected]删除
上一篇：
在html元素中设置css样式的方式是什么
下一篇：
css怎样实现DIV高度自适应相关文章相关视频CSS的子元素选择器用法详细介绍css判断子元素个数如何使用css属性nth-child(n)匹配选择...css如何设置透明度不影响子元素？兼容所有浏览器写...css如何设置透明度不会影响子元素使用CSS3渐变、倒影属性使用CSS3多列布局属性使用CSS3服务器端字体属性

[做網(wǎng)站css教程]