css如何设置透明度不会影响子元素

阅读 9323  ·  发布日期 2020-08-24 11:46  ·  温州雄霸网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】 通过RGBA设置透明度,只有最新的浏览器支持,&#... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...

css如何设置透明度不会影响子元素

通过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,如有侵犯,请联系a@php.cn删除
上一篇:
在html元素中设置css样式的方式是什么
下一篇:
css怎样实现DIV高度自适应相关文章相关视频CSS的子元素选择器用法详细介绍css判断子元素个数如何使用css属性nth-child(n)匹配选择...css如何设置透明度不影响子元素?兼容所有浏览器写...css如何设置透明度不会影响子元素使用CSS3渐变、倒影属性使用CSS3多列布局属性使用CSS3服务器端字体属性

[做网站css教程]