网站建设资讯

NEWS

网站建设资讯

IE8不兼容rgba()如何解决

这篇文章主要介绍了IE8不兼容rgba()如何解决,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联公司是一家专业从事网站建设、网络营销、微信小程序、网站运营为一体的建站企业;在网站建设告别千篇一律,告别似曾相识,这一次我们重新定义网站建设,让您的网站别具一格。成都响应式网站建设,实现全网营销!一站适应多终端,一样的建站,不一样的体验!

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://cdweb.net/article/jccpij.html