如何解决IE8下不兼容rgba()的问题

这篇文章主要介绍如何解决IE8下不兼容rgba()的问题，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联-专业网站定制、快速模板网站建设、高性价比林周网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式林周网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖林周地区。费用合理售后完善，十余年实体公司更值得信赖。

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()的问题

以上是“如何解决IE8下不兼容rgba()的问题”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

本文标题：如何解决IE8下不兼容rgba()的问题
标题来源：http://kswjz.com/article/iphpig.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态