兼容ie8以下 rgba()用法

最新推荐文章于 2021-04-11 04:48:58 发布

物以稀为贵yeah

最新推荐文章于 2021-04-11 04:48:58 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/github_38771368/article/details/74201804

css 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用IE的滤镜解决RGBA颜色在旧版IE浏览器中兼容性问题的方法。通过设置特殊的滤镜属性，即使在不支持RGBA的环境中也能实现预期的透明效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以使用 IE 的 filter 来解决rgba的兼容性。

CSS:

background: rgba(255, 255, 255, .1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。

大家注意，这个颜色“#19ffffff”是由两部分组成的。

第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下：
这里写图片描述

第二部分是19后面的六位。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；都是白色。

这样就可以完全兼容rgba了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

物以稀为贵yeah

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ie上可以显示的选色板

08-04

最近做个页面，用到<input type="color"/>标签，但是ie不支持，在网上寻觅好久终于找到方法，给大家分享一下！

完美解决IE8下不兼容rgba()的问题

09-27

这个技巧是解决IE8不支持rgba()的一个常见方法，它允许我们在保持对新浏览器的先进功能支持的同时，也能确保旧版浏览器的兼容性。不过，随着现代浏览器的普及，这种方法逐渐被新的前缀技术和渐进增强策略所取代。但...

参与评论您还未登录，请先登录后发表或查看评论

IE8下实现兼容rgba

02-04

312

昨天遇到一个问题，要实现一个背景透明的效果，用CSS3用rgba()就能实现，即 background: rgba(0,0,0,.5); 但是要兼容到IE8，就发现没有透明效果，因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义，r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如r

滤镜filter的用法

westernRanger的专栏

11-05

2926

IE8 IEfilter rgba()

rgba兼容性处理

weixin_34409703的博客

03-21

326

根据caniuse（http://caniuse.com/#search=rgba），rgba兼容性为IE9以及以上浏览器。实例代码： 1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> ...

兼容ie8的rgba()用法

奈何...

06-15

578

/兼容写法/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); 这个“#7f000000”是颜色的意思，是由两部分组成的。第一部是透明度值：#7f 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。...

让ie浏览器支持RGBA颜色标准实现代码

09-25

由于IE6到IE8不支持使用百分比形式的RGBA，所以需要一些技巧来实现兼容。以下是两种常见的解决方案： 1. **CSSPIE (CSS3 Pie)**: 这是一个JavaScript库，它可以扩展IE浏览器对CSS3属性的支持，包括RGBA。通过添加`-...

让IE支持RGBa的背景色的代码

09-05

此外，这个方法只适用于IE6到IE9，对于更现代的浏览器，如IE10及更高版本，它们已经原生支持`rgba()`，所以无需使用滤镜。总之，通过使用`DXImageTransform.Microsoft.gradient`滤镜，我们可以让老版本的IE浏览器...

详解css透明度之rgba和opacity的区别及兼容

09-22

rgba在现代浏览器中被广泛支持，但对于IE9及以下版本，需要使用滤镜`progid:DXImageTransform.Microsoft.Gradient`来实现兼容，这里需要注意，如果在IE9中同时使用rgba和滤镜方式，可能会导致透明度设置失效。...

rgba()兼容IE8

weixin_30828379的博客

11-01

193

CSS： //一般的高级浏览器都支持 background: rgba(255,255,255,0.1); //IE8下 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); ...

Video.Show视频网站

03-23

Video.Show微软采用VS2008的最新技术实现的一个用户生成视频内容的网站。它提供一切您需要创建一个网站上载，编码，编目，出版和对视频进行评论，使用的的Windows Live Silverlight的，采用Silverlight流媒体编码器。 Video.Show提供Silverlight 1.0的视频控制，托管一体化的SilverLight Streaming，利用表达编码器的处理能力最流行的视频格式。我们已经设定好你就可以在几分钟内上传视频。特征 1. 让你的设计和运行的最小安装和配置迅速 2.所有视频托管的SilverLight Streaming，它给你4GB的存储和700Kbps的通过微软的全球内容传送网络带宽 3.评论是基于时间，并与视频播放同步 4.演示数据层使用LINQ to SQL 5.支持广泛的媒体格式（AVI，MP4等业余，mpeg和硬盘录像机，毫秒，英里，m2v，日ts，m4v，VOB的，检验手段和WMV）通过表达编码器 6.利用AJAX控件工具包中添加动画和交互性 7.编码属性是通过标准配置的工作文件中表达的编码器 8.跨broswer（IE 6和7，Firefox 2中，和Safari 3） 9.开源和与Web服务架构设计官方网站：http://www.codeplex.com/videoshow

fff.rar_44fff .com_fff怎么关闭_php 5.6.40 下载%2_www.19.f_www.19.fff.c

09-14

1. 点击关闭无效问题. 2008-7-16 19:17 下载附件提取./include/javascript/from/pm_newmsgbox.js覆盖,删除./misc_from.php 2. 修复火狐下错位. 2008-7-17 4:11 重新编辑./templates/default/header.htm修改部分 + 附件./include/javascript/from/pm_newmsgbox.js. 3. 修正各类风格下错位问题. 2008-7-17 16:15 附件./include/javascript/from/pm_newmsgbox.js 4. 修正点"您有新的消息"提示进入短信息窗口,再关闭窗口后,仍然看到提示问题. 2008-7-17 16:44 附件./include/javascript/from/pm_newmsgbox.js和./templates/default/pm_checknew.htm及header.htm部分 5. 修正"有时候还是会出现你有新的短消息文字式"和"火狐(Firefox)浏览器下无声音及新消息字符乱码"问题. 2008-7-23 5:00 6. 修正在部分浏览器下,JS载入提示音可能导致视为广告卡屏现象. 2008-7-24 4:40 7. 完美修正消息提示音浏览器不兼容问题. 2008-7-26 17:19 附件全部和header.htm部分 [b][color=Red]之前安装过的,请注意修改部分的变动[/color][/b] 所有更新部分,附件已更新,最新的下载的无需理会.

rgba的ie浏览器支持换算器

01-27

rgba的ie浏览器支持换算器: 实现背景色透明效果的代码实现各个浏览器中具备良好的透明特性的效果，IE中使用私有滤镜filter，高端浏览器使用CSS3中的rgba属性。输入十六进制的颜色值以及透明度，自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。

IE8兼容rgba

smallsun

07-20

1669

嗯，关于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

指南针的博客

09-02

432

每次调试IE都觉得google大法好，言归正传，介绍一下ie8如何使用rgba()。首先，说一下rgba的含义 RGBA RGBA(R,G,B,A) R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数 | 百分数 A：Alpha透明度,取值0~1之间。 IE6.0-8.0不支持使用 rgba 模式实现透明度，只能使用 IE 滤镜处理。例如：我要...

一个小方法解决RGBA不兼容IE8

hangGe0111的博客

08-20

731

1.第一部分转自：https://blog.csdn.net/leihope_/article/details/70158902 要在一个页面中设置一个半透明的白色div。这个貌似不是难题，只需要给这个div设置如下的属性即可： background: rgba(255,255,255,0.1); 但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rg...

background:rgba() 兼容ie8 用法

weixin_30258027的博客

03-20

301

background: rgba(255,255,255,.1);//火狐，谷歌等 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);//兼容IE 第二行的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是...

rgba()兼容的解决办法

Lily的博客

05-10

2002

rgba()兼容解决办法

rgba无效php,详解rgba兼容性处理方法

weixin_27298377的博客

04-11

532

根据caniuse(http://caniuse.com/#search=rgba)，rgba兼容性为IE9以及以上浏览器。实例代码：rgba 兼容性处理* {margin: 0;padding: 0;}.parent {width: 400px;height: 400px;margin: 100px;font-size: 20px;color: #FF0000;border: 1px solid...

IE6-IE8实现CSS3圆角与阴影兼容解决方案

1. **兼容性问题** - 在使用这些方法时，需要考虑到不同版本的IE浏览器对CSS3支持的差异性。例如，IE8支持更多的CSS3特性，而IE6和IE7支持较少。 2. **性能问题** - 使用JavaScript库或滤镜可能会对页面性能产生...