完美解决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实现图片无间断轮播效果
Aug 25 HTML / CSS
CSS3字体效果的设置方法小结
Jun 13 HTML / CSS
css3个性化字体_动力节点Java学院整理
Jul 12 HTML / CSS
介绍CSS3使用技巧5个
Apr 02 HTML / CSS
css3高级选择器使用方法
Dec 02 HTML / CSS
CSS实现的一闪而过的图片闪光效果
Apr 23 HTML / CSS
html5/css3响应式页面开发总结
Oct 16 HTML / CSS
html5 利用canvas手写签名并保存的实现方法
Jul 12 HTML / CSS
前端canvas动画如何转成mp4视频的方法
Jun 17 HTML / CSS
HTML5 在canvas中绘制矩形附效果图
Jun 23 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
Nov 15 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 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中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
vue2.0模拟锚点的实例
2018/03/14 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
python执行使用shell命令方法分享
2017/11/08 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
pytorch 求网络模型参数实例
2019/12/30 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
浅析NumPy 切片和索引
2020/09/02 Python
web页面录屏实现
2019/02/12 HTML / CSS
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
生物科学专业个人求职信范文
2013/12/05 职场文书
医学生个人求职信范文
2014/02/07 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
合作经营协议书
2014/04/17 职场文书
书香校园建设方案
2014/05/02 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
入党心得体会
2019/06/20 职场文书
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
Python绘制散乱的点构成的图的方法
2022/04/21 Python