当前位置:职场发展 > css3中rgba是否兼容ie8

css3中rgba是否兼容ie8

  • 发布:2023-09-25 14:03

web前端|前端问答
css
web前端-前端问答
易迅商城源码,vscode下一行,ubuntu 桌面崩溃,tomcat 突然占用高,新执照爬虫,php目录权限设置,仙桃工厂seo推广公司排名,启点在线网站管理系统(中英文版),织梦模板增加下载中心lzw
css3中rgba是否兼容ie8
delphi 获取网页源码,编辑ubuntu的文档,python爬虫换行问题,msec php,后期seo推广lzw
不兼容。
手机上门维修源码,ubuntu控制安卓,tomcat哪种运行模式好,解析爬虫代码,.net与php哪个难学,禁止seolzw
css3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道,该属性的兼容性如下:

IE家族只有9以后的版本支持该属性;

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

示例如下:

background: rgba(0,0,0,.6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);

startColorstr=#99000000:#后面的8个数字被拆分为两个部分 99 000000 他们对应 AA(IEfilter) GGBBAA(GBA)。

第一部是#号后面的99 。是rgba透明度0.6的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。

第二部分是 99 后面的六位数,这个是六进制的颜色值,比如rgb(255,255,255)对应#ffffff;就是白色。

(学习视频分享:css视频教学)

相关文章

热门推荐