RGBa是一种在CSS中声明包含透明效果的颜色的方法,通过RGBa我们可以将一个元素设置为透明,而不会影响其子元素。老版本IE浏览器不支持,我们可以使用IE浏览器CSS渐变滤镜来实现同样的效果。
html {
background: rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
原理及方法:
DXImageTransform.Microsoft.gradient
滤镜里的startColorstr参数值是#AARRGGBB形式的, 其中的AA是代表不透明度的十六进制,00表示完全透明,FF就是全不透明,化
成十进制的范围就是0~255,剩下的RRGGBB就是颜色的十六进制代 码。例子中
background: rgba(125, 0, 0, 0.5);表示的是50%不透明度的黑色背景。如何把50%的不透明度转换成十六制呢?很简
单,先计算#AA的的十进制x,x/255 = 50/100,解得x=50*255/100,然后再把x换算成十六进制,约等于7F。
时间: 2024-10-07 04:47:56