IE8浏览器兼容rgba()的简单方法

于 2020-08-07 11:07:24 发布
阅读量310 收藏
点赞数
分类专栏： ie兼容 文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43759606/article/details/107857703
版权

在需要兼容IE8的元素后面添加一个filter,E5表示透明度，后面是颜色的16进制的值，添加之后可以初步解决透明度颜色在IE8浏览器不生效的问题。

需要兼容的元素{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E516285C,endColorstr=#E516285C);
}

下面有在线转换工具的地址:http://www.rockyxia.com/tools/rgba.php

大白家的
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
12-13
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持 rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置 position:relative才能不继承其父元素的透明滤镜，代码如下：  复制代码代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/
完美解决IE8下不兼容rgba()的问题
12-14
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支持*/   这句话本来是做渐变用的，但是这
IE8不支持rgba()的处理方法
littlebearGreat——宁静致远
05-02 4036
IE8不支持rgba()，但是支持滤镜，可以达到与rgba()相同的效果 需要注意的是：IE9支持滤镜，同时也支持rgba()，如果同时使用，会看到双重效果         IE10及其以上版本不支持滤镜，支持rgba()。 1.写法： rgba: .class{ background: rgba(0,0,0,0.75); }滤镜（filter）： .class{ fi
IE8不兼容RGBA的解决方法
qq_32936643的博客
03-21 436
在页面中给一个元素添加透明背景什么的最简单了，只需要这样写：background:rgba(255,255,255,0.3)    (看好你呦)你以为大功告成了吗？打开你的IE浏览器（黑线满脸），什么？？？IE8没有用，但是boss让兼容IE8（泪流满脸）搜索一番后找到了解决方法如下：先说说rgba的含义：r代表red（红），g代表green（绿），b代表blue（蓝），是三原色，其他的颜色都是这...
rgba()如何兼容IE8
指南针的博客
09-02 349
每次调试IE都觉得google大法好，言归正传，介绍一下ie8如何使用rgba()。 首先，说一下rgba的含义 RGBA RGBA(R,G,B,A) R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数 | 百分数 A：Alpha透明度,取值0~1之间。 IE6.0-8.0不支持使用 rgba 模式实现透明度，只能使用 IE 滤镜处理。 例如：我要...
滤镜filter的用法
westernRanger的专栏
11-05 2797
IE8 IEfilter rgba()
IE8下实现兼容rgba
02-04 256
昨天遇到一个问题，要实现一个背景透明的效果，用CSS3用rgba()就能实现，即 background: rgba(0,0,0,.5); 但是要兼容到IE8，就发现没有透明效果，因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如r
ie-toolbox:仅在必要时可以使用一些工具将我从旧的IE兼容问题中解救出来
05-11
收集能够快速解决 IE 兼容问题的工具。欢迎开 issue 提交我没收录你觉得很棒的工具。 让 IE 6-9 支付 html5 里的新标签，并给这些新标签初始化一个基本样式。 让 IE 6-9 支持 CSS3 里的 border-radius, box-shadow, ...
Jquery的2款具有滑动效果的导航代码
12-17
此段代码替换，为了兼容IE6,7,8浏览器 2、head区域引用文件jquery.js（必须是1.5.2以上的版本的jquery库），jquery.color-rgba-patch.js，example.js，lrtk.css，html5.js（为了保证IE浏览器的兼容性） 3、在文件...
使用rgba属性兼容IE8
司念
07-28 8645
① css3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道，该属性的兼容性如下： 类型 Internet Explorer Firefox Chrome Opera Safari 版本 (×)IE6 (√)Firefox 3.0.10 (√)Chrome 2.0.x (√)Opera 9
【web开发】IE8浏览器兼容rgba()
平凡的世界
09-01 1125
1.问题： 实现一个背景透明的效果，用CSS3用rgba()就能实现，兼容到IE8，没有透明效果，因为IE8不支持rgba()函数。 background: rgba(0,0,0,.5); 2.rgba()函数 rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0....
兼容ie8 的 rgba()用法
ForMyQianDuan的博客
10-18 4799
css3中的rgba顺手又好用，但是需求要兼容IE8。。。。。。。怒。。所以，还得找出这个写法。诺~~如下：<style> .mask{position:fixed;top:0px;background:rgba(0,0,0,0.5);height:100%;width: 100%;} </style>/*兼容写法*/ <!--[if lte IE 8]> <style> .mask{positio
兼容ie8的rgba()用法
奈何...
06-15 504
/兼容写法/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); 这个“#7f000000”是颜色的意思，是由两部分组成的。 第一部是透明度值：#7f 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。...
兼容ie8以下 rgba()用法
物以稀为贵yeah
07-03 1093
可以使用 IE 的 filter 来解决rgba的兼容性。 CSS:background: rgba(255, 255, 255, .1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思
IE8兼容rgba
smallsun
07-20 1602
嗯，关于IE8不兼容rgba()函数的这个问题， background:rgba(236,236,236,0.8); 这样的一句代码在IE9及以上都是支持的，那么说一下IE8要怎么做？ background:rgba(236,236,236,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#
一个小方法解决RGBA不兼容IE8
hangGe0111的博客
08-20 658
1.第一部分转自：https://blog.csdn.net/leihope_/article/details/70158902 要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可： background: rgba(255,255,255,0.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rg...
css中的rgba() 兼容IE8以下的浏览器
Iloveyougirls的博客
12-02 4136
低版本IE下不支持rgba()的方法 　　background:rgba(0,0,0,0.5);  　　filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); 红色部分是：alpha*255换成16进制 。 常用的rgba和IE下filter数值的转换
android 显示 RGBA的方法
最新发布
05-27
在 `surfaceCreated` 方法中，创建一个指定大小的 RGBA 图像，并将其绘制到 `SurfaceView` 上。在 `surfaceChanged` 方法中，获取 `SurfaceView` 的宽度和高度，以便于创建正确大小的 RGBA 图像。在 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大白家的

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值