1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > IE8下兼容rgba颜色的半透明背景【HTML】

IE8下兼容rgba颜色的半透明背景【HTML】

时间:2022-07-09 13:57:16

相关推荐

IE8下兼容rgba颜色的半透明背景【HTML】

web前端|html教程

IE8下兼容rgba颜色的半透明背景

web前端-html教程

在工作中做一个图片半透明遮罩时发现在IE8下不兼容

网站源码绑定ip怎么解决,在vscode中添加库引用,ubuntu打包依赖,怎样扩展tomcat内存,会员邮箱爬虫,tomcat解析php,sem营销推广的案例seo教程,网站整套模板项目代码下载lzw

一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了。

安卓58同城源码,vscode的重要插件,ubuntu DVD安装,java加tomcat,sqlite数据库 压力,前端三大框架先学哪一个,网络爬虫抓取图片文件名,php判断上传图片,永泰网络seo技术,网站幻灯通栏代码,网页视频播放聊天室源码,简单手机网站模板lzw

先说说rgba的含义:

弹弹堂手游源码,ubuntu锁屏 密码,堡垒机查看tomcat日志,完全夜行爬虫,php自动验证教程交流,seo sem seulzw

r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即去掉了透明度,只能表示颜色)。

网上的解决方法是:

background: rgba(0,0,0,.5); /*支持rgba的浏览器*/

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/

第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的,但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。

解释下#7f000000,第一部分是#号后面的7f。是rgba透明度0.5的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下:

第二部分是19后面的六位。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(0,0,0,)对应#000;都是黑色。

到这里,rgba的用法就可以兼容IE8了。

但是经过实践发现这种方法只能用在背景色上,前景色或其他则无能为力了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。