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

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 透明度影响子类问题解决方式)