完美解决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 优势以及网页设计师如何使用CSS3技术
Jul 29 HTML / CSS
css3实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
表单button的outline在firefox浏览器下的问题
Dec 24 HTML / CSS
使用css3实现的windows8开机加载动画
Dec 09 HTML / CSS
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
详解CSS3的perspective属性设置3D变换距离的方法
May 23 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
Oct 16 HTML / CSS
详解HTML5中的标签
Jun 19 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
May 22 HTML / CSS
详解Html5原生拖拽操作
Jan 12 HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
Jan 02 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
Mar 12 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
thinkphp的c方法使用示例
2014/02/24 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
PDO::quote讲解
2019/01/29 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
破除网页鼠标右键被禁用的绝招大全
2006/12/27 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
2015/10/01 Javascript
JS Attribute属性操作详解
2016/05/19 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
vue在路由中验证token是否存在的简单实现
2019/11/11 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
模特大赛策划方案
2014/05/28 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫
Python编写冷笑话生成器
2022/04/20 Python