完美解决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新特性应用之过渡与动画
Jan 10 HTML / CSS
详解CSS3伸缩布局盒模型Flex布局
Aug 20 HTML / CSS
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
Oct 11 HTML / CSS
使用CSS3编写类似iOS中的复选框及带开关的按钮
Apr 11 HTML / CSS
利用CSS3实现单选框动画特效示例代码
Sep 26 HTML / CSS
浅谈css3中calc在less编译时被计算的解决办法
Dec 04 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
Apr 28 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
HTML5自定义视频播放器源码
Jan 06 HTML / CSS
简洁自适应404页面HTML好看的404源码
Dec 16 HTML / CSS
CSS中妙用 drop-shadow 实现线条光影效果
Nov 11 HTML / CSS
使用 CSS 构建强大且酷炫的粒子动画效果
Aug 14 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 Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
PHP Include文件实例讲解
2019/02/15 PHP
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
便捷提取python导入包的属性方法
2018/10/15 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
Django之模板层的实现代码
2019/09/09 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
使用Python实现批量ping操作方法
2020/05/06 Python
python给list排序的简单方法
2020/12/10 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
春节联欢晚会主持词范文
2014/03/24 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
幼儿园开学寄语
2014/04/03 职场文书
大学生安全责任书
2014/07/25 职场文书
授权委托书协议书
2014/10/16 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
农民工工资保障承诺书
2015/05/04 职场文书