css3中rgba兼容ie8吗

蜗牛 互联网技术资讯 2022-04-20 37 0

本文小编为大家详细介绍“css3中rgba兼容ie8吗”,内容详细,步骤清晰,细节处理妥当,希望这篇“css3中rgba兼容ie8吗”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

css3中rgba不兼容ie8。可以用filter来做兼容,语法为“filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=颜色值,endColorstr=颜色值)”。

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

css3中rgba是否兼容ie8

不兼容。

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

css3中rgba兼容ie8吗  css3 第1张

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 代表的是颜色,下面是透明度的对应表:

css3中rgba兼容ie8吗  css3 第2张

示例如下:

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;就是白色。

读到这里,这篇“css3中rgba兼容ie8吗”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注蜗牛博客行业资讯频道。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论