css如何设置透明度不会影响子元素
阅读 2205 · 发布日期 2020-08-24 11:46 · 温州雄霸网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】
通过RGBA设置透明度,只有最新的浏览器支持,... 【做网站,网站建设公司,企业建站优化,小程序商城制作,温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,平阳小程序开发,平阳微信公众号,昆阳做网站,昆阳网站建设公司,昆阳小程序商城制作,昆阳小程序开发,昆阳微信公众号,鳌江做网站,鳌江网站建设公司,鳌江小程序商城制作,鳌江小程序开发,鳌江微信公众号】...
通过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教程]