完美解决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.0新属性效果在ie下的解决方案
May 10 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
Mar 16 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
css3+伪元素实现鼠标移入时下划线向两边展开的效果
Apr 25 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
html5指南-5.使用web storage存储键值对的数据
Jan 07 HTML / CSS
html5 css3网站菜单实现代码
Dec 23 HTML / CSS
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
Jun 16 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
Jul 07 HTML / CSS
html5使用canvas画三角形
Dec 15 HTML / CSS
实例讲解利用HTML5 Canvas API操作图形旋转的方法
Mar 22 HTML / CSS
CSS3常见动画的实现方式
Apr 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中取得image按钮传递的name值
2006/10/09 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
2013/12/30 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
JavaScript实现HTML导航栏下拉菜单
2020/11/25 Javascript
python编程羊车门问题代码示例
2017/10/25 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
九年级物理教学反思
2014/01/29 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android