美文网首页我爱编程
css 透明度影响子类问题解决方式

css 透明度影响子类问题解决方式

作者: 兴鹏 | 来源:发表于2018-04-13 19:47 被阅读0次

1.背景透明度问题

opacity:0.7;
用这种设置透明度会影响子元素,子类会继承此属性,且在此类覆盖是不生效的,因为是整体透明度。
所以可以选择用rgba设置背景用a通道改变透明度。
background: rgba(200, 54, 54, 0.5);
a为0-1的数,0代表完全透明,对于低版本IE不支持rgba;需要加入下面这句
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000,endColorstr=#40000000)
8位数字,前两位是透明度,后六位是rgb16位颜色值;
前两位计值算方法: 透明度 * 255 的值转化为16进制。
以0.5为例 0.5*255 = 127 = 7f;

参考博客为:
https://blog.csdn.net/GreyBearChao/article/details/74012098
https://blog.csdn.net/sky1203850702/article/details/44916819

相关文章

网友评论

    本文标题:css 透明度影响子类问题解决方式

    本文链接:https://www.haomeiwen.com/subject/thshkftx.html