当前位置： 移动技术网 > IT编程>网页制作>Html5 > 完美解决IE8下不兼容rgba()的问题

完美解决IE8下不兼容rgba()的问题

2019年07月25日  | 移动技术网IT编程  | 我要评论

rgba()是css3的新属性，所以ie8及以下浏览器不兼容，这怎么办呢？终于我找到了解决办法。

解决办法

我们先来解释以下rgba

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

以上这篇完美解决ie8下不兼容rgba()的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网