IE8不兼容rgba()透明度解决方法

s2kzzZ

于 2020-10-13 14:24:59 发布

阅读量407

点赞数

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/weixin_45733780/article/details/109048410

版权

CSS 专栏收录该内容

7 篇文章

订阅专栏

在开发中遇到IE8浏览器不支持rgba()导致的背景透明问题，可以使用filter属性配合progid:DXImageTransform.Microsoft.gradient解决。例如：filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)；这里#7f000000对应的是0.5的透明度。通过将透明度乘以255并转换为16进制，可以得到适用于IE8的滤镜值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决IE8不兼容rgba()

在做一些政府单位或者需要适配比较老的ie8浏览器的时候，往往一些属性做不到兼容。一些背景色需要设置一定的透明度，但是浏览器不兼容就会出现rgba()无效的情况。

解决办法：

css样式中透明度rgba()使用如下代码表示，即rgba(0, 0, 0, 0.5)，其中7f代表透明度0.5

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

透明度与IE下filter值转换:

透明度 * 255 再转16进制（向下取整）

透明度	IE下filter值
0.1	19
0.2	33
0.3	4c
0.4	66
0.5	7f
0.6	99
0.7	b2
0.8	c8
0.9	e5