css3中rgba是否兼容ie8

127 阅读 0 评论 84 点赞

我是靠谱客的博主俊逸八宝粥，最近开发中收集的这篇文章主要介绍css3中rgba是否兼容ie8，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

不兼容。

css3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道，该属性的兼容性如下：

IE家族只有9以后的版本支持该属性；

rgba：

rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。

rgba(0,0,0,.5) 这样就代表了黑色，透明度为0.5

要想解决在IE8下的透明度问题，可以增加这样一句话：

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/
登录后复制

这句话本来是做渐变用的，但是这里没有渐变效果所以startColorstr和endColorstr设置为同一种颜色。

这里的#7f000000，# 7f 代表的是透明度， 000000 代表的是颜色,下面是透明度的对应表：

示例如下：

background: rgba(0,0,0,.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);
登录后复制

　　startColorstr=#99000000：#后面的8个数字被拆分为两个部分 99 000000 他们对应 AA(IEfilter) GGBBAA(GBA)。

　　第一部是#号后面的99 。是rgba透明度0.6的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。

　　第二部分是 99 后面的六位数，这个是六进制的颜色值，比如rgb(255,255,255)对应#ffffff；就是白色。

（学习视频分享：css视频教程）

以上就是css3中rgba是否兼容ie8的详细内容，更多请关注靠谱客其它相关文章！

以上就是俊逸八宝粥为你收集整理的css3中rgba是否兼容ie8的全部内容，希望文章能够帮你解决css3中rgba是否兼容ie8所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。