ie下透明度设置(与rgba相对应)

转载 2016年11月14日 15:27:25
   

  如果用rgba(),在非IE8及以下浏览器是这样的效果:

                                     

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

            


    这样就能完美解决透明度的问题了!~

Android颜色对照表

颜色代码大全  AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。       ffff00 ffff...
  • LM_ZP
  • LM_ZP
  • 2016-05-12 09:28:58
  • 6976

java颜色代码对照表

我们在编程中常常用到十六进制颜色码。    下面是颜色码对照表-英文名称-十六进制-RGB:  英文代码      形像颜色       HEX格式         RGB格式   ...
  • sdgihshdv
  • sdgihshdv
  • 2016-12-23 13:41:36
  • 19457

rgba alpha 透明度在ie下的兼容问题

RGBA语法: div {background: rgba(0,0,0,0.5);} 浏览器兼容性: 类型 Internet Explorer Firefox...
  • Phoebe0549
  • Phoebe0549
  • 2012-11-19 15:40:20
  • 1672

rgba alpha 透明度的转换计算

rgba 和IE下filter数值的转换 rgba 透明值 IEfilter值 0.1 19 0.2 33 0.3 4C 0.4 6...
  • Phoebe0549
  • Phoebe0549
  • 2013-05-14 17:40:57
  • 2281

Android RGB颜色对照表

Android最全RGB调色板。
  • GeekLei
  • GeekLei
  • 2014-08-31 00:35:20
  • 2438

[免费]颜色代码对照表

颜色代码对照表,android开发时UI颜色参照,颜色16进制代码 综合评分:0 收藏评论举报 所需: 0积分/C币 下载个数: 0 开通VIP 立即下载 ...
  • 2018年04月08日 00:00

IE下无法使用半透明rgba的问题及解决方案

IE下无法使用半透明rgba的问题及解决方案 问题描述:ie浏览器下半透明效果无法使用,(什么鬼,破浏览器),无解了吗?No No No!当然是有办法的啦。解决方案:使用IE专有方法进行模拟,代码...
  • sinat_39826352
  • sinat_39826352
  • 2017-08-13 12:26:35
  • 73

IE8兼容rgba-----滤镜filter的用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div。这个貌似不是难题,只需要给这个div设置如下的属性即可: [css] view plain copy backgr...
  • huang100qi
  • huang100qi
  • 2016-09-08 13:39:25
  • 3433

网页颜色代码对照表

网页颜色代码对照表   #FFFFFF   #FFFFF0   #FFFFE0   #FFFF00   #FFF...
  • wolaikanyanhau
  • wolaikanyanhau
  • 2016-04-04 21:51:03
  • 1058

css颜色代码对应表

留个记录,方便查看 FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C...
  • Scarlett_Dream
  • Scarlett_Dream
  • 2013-06-07 17:52:03
  • 978
收藏助手
不良信息举报
您举报文章:ie下透明度设置(与rgba相对应)
举报原因:
原因补充:

(最多只允许输入30个字)