完美解决IE8下不兼容rgba()的问题
发布时间：2017-03-31 09:34:50 作者：佚名 
我要评论
我要评论下面小编就为大家带来一篇完美解决IE8下不兼容rgba()的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
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()的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持程序员之家。
相关文章
- 今天看到一个网页使用了rgba不知道这个a是什么意思，原来是因为了忘了下面的颜色比上面的浅一些特别用rgba确实很方便，页面也不突兀,特分享一下需要的朋友可以参考下2020-03-05
- 这篇文章主要介绍了颜色之ARGB与RGB、RGBA的区别与介绍,需要的朋友可以参考下2020-03-05
对于设置透明度，我们有两个可以选的css3属性：rgba 和 opacity。这篇文章主要介绍了详解css透明度之rgba和opacity的区别及兼容，感兴趣的可以一起跟随小编来了解一下2019-01-10
css中使用rgba和opacity设置透明度的区别（附图）
这篇文章主要介绍了css中使用rgba和opacity设置透明度的两种方法,通过实例演示解释了两者之间的差别,需要的朋友可以参考下2017-08-14- 这篇文章主要介绍了CSS3中使用RGBa来调节透明度的教程,RGBA是RGB色彩模型的一个扩展,这个缩写词代表红绿蓝三原色的首字母,Alpha值代表颜色的透明度或者说不透明度,需要的朋2016-05-09
- 这篇文章主要以设计带有阴影边框的表单为例，为大家介绍了CSS3 RGBA色彩模式使用方法，感兴趣的小伙伴们可以参考一下2016-04-26
- 这篇文章主要介绍了CSS3的RGBA中关于整数和百分比值的转换,同时提到了关于浏览器的支持问题,需要的朋友可以参考下2015-08-04
- 这篇文章主要介绍了CSS3中使用RGBA设置透明度的示例,即在传统的RGB值上增添调节透明度的Alpha值,需要的朋友可以参考下2015-08-04
- RGBa是一种在CSS中声明包含透明效果的颜色的方法，通过RGBa，我们可以将一个元素设置为透明，而不会影响其子元素，下面有个不错的示例，大家可以参考下2014-04-01
- 我们今天需要讨论的RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧2013-08-06
最新评论