码迷,mamicode.com
首页 > 其他好文 > 详细

解决IE8下不兼容rgba()的解决办法

时间:2017-01-04 07:27:48      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:ges   img   解释   strong   color   pre   tty   颜色   技术分享   

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()的解决办法

标签:ges   img   解释   strong   color   pre   tty   颜色   技术分享   

原文地址:http://www.cnblogs.com/ganchuanpu/p/6247035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!