完美解决IE8下不兼容rgba()的问题


Posted in HTML / CSS onMarch 31, 2017

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()的问题

以上这篇完美解决IE8下不兼容rgba()的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
CSS3结构性伪类选择器九种写法
Apr 18 HTML / CSS
CSS3+js实现简单的时钟特效
Mar 18 HTML / CSS
CSS3 二级导航菜单的制作的示例
Apr 02 HTML / CSS
html5 svg 中元素点击事件添加方法
Jan 16 HTML / CSS
HTML5新增的Css选择器、伪类介绍
Aug 07 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
Feb 22 HTML / CSS
HTML5拖放API实现拖放排序的实例代码
May 11 HTML / CSS
处理textarea中的换行和空格
Dec 12 HTML / CSS
html5 datalist 选中option选项后的触发事件
Mar 05 HTML / CSS
Amaze UI 文件选择域的示例代码
Aug 26 HTML / CSS
关于flex 上下文中自动 margin的问题(完整例子)
May 20 HTML / CSS
HTML基础详解(下)
Oct 16 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
Mar 31 #HTML / CSS
使用phonegap查找联系人的实现方法
Mar 31 #HTML / CSS
使用phonegap获取设备的一些信息方法
Mar 31 #HTML / CSS
phonegap常用事件总结(必看篇)
Mar 31 #HTML / CSS
使用phonegap播放音频的实现方法
Mar 31 #HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 #HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 #HTML / CSS
You might like
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
php版微信自动获取收货地址api用法示例
2016/09/22 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
display和visibility的区别示例介绍
2014/02/26 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
2015/09/04 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
python检查URL是否正常访问的小技巧
2017/02/25 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
小学教师自我鉴定
2013/11/07 职场文书
银行柜员应聘推荐信范文
2013/11/24 职场文书
物业客服专员岗位职责
2013/11/30 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
个人贷款收入证明
2014/10/26 职场文书
病危通知书样本
2015/04/17 职场文书
出生证明范本
2015/06/15 职场文书
Redis 异步机制
2022/05/15 Redis
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android