完美解决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 HSLA色彩模式?HSLA模拟渐变色条
Apr 26 HTML / CSS
CSS3常用的几种颜色渐变模式总结
Nov 18 HTML / CSS
html5嵌入内容_动力节点Java学院整理
Jul 07 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
Jul 06 HTML / CSS
鲜为人知的HTML5语音合成功能
May 17 HTML / CSS
html5 标签
Jul 16 HTML / CSS
详解HTML5中的manifest缓存使用
Sep 09 HTML / CSS
HTML5 3D衣服摇摆动画特效
Mar 17 HTML / CSS
Html5 web本地存储实例详解
Jul 28 HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 HTML / CSS
浅析HTML5 meta viewport参数
Oct 28 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 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
PHP提取中文首字母
2008/04/09 PHP
mysqli_set_charset和SET NAMES使用抉择及优劣分析
2013/01/13 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
2011/04/27 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
原生js二级联动效果
2017/06/20 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
Python实现通讯录功能
2018/02/22 Python
python实现词法分析器
2019/01/31 Python
python实现维吉尼亚加密法
2019/03/20 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
基于python的列表list和集合set操作
2019/11/24 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
美国最大的农村生活方式零售店:Tractor Supply Company(TSC)
2017/05/15 全球购物
领导干部廉政承诺书
2014/03/27 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
十岁生日答谢词
2015/01/05 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android