兼容ie8的rgba()用法

最新推荐文章于 2020-08-07 11:07:24 发布

转载最新推荐文章于 2020-08-07 11:07:24 发布 · 581 阅读

IE8兼容专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何理解和使用IE浏览器特有的滤镜效果中的颜色值。详细解释了透明度及RGB值在滤镜属性中的组合方式，并给出了具体的转换表格。

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

/兼容写法/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

这个“#7f000000”是颜色的意思，是由两部分组成的。
第一部是透明度值：#7f 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下：
这里写图片描述

第二部分是：就是RGB对应的16进制值。
两部分组合好了就成了用在filter里的颜色值了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

A丶person

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

rgba的ie浏览器支持换算器

01-27

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

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

09-27

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

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

IE8下实现兼容rgba

weixin_34121304的博客

01-14

195

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

滤镜filter的用法

westernRanger的专栏

11-05

2927

IE8 IEfilter rgba()

IE8兼容rgba

smallsun

07-20

1672

嗯，关于IE8不兼容rgba()函数的这个问题， background:rgba(236,236,236,0.8); 这样的一句代码在IE9及以上都是支持的，那么说一下IE8要怎么做？ background:rgba(236,236,236,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#

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

weixin_43759606的博客

08-07

368

在需要兼容IE8的元素后面添加一个filter,E5表示透明度，后面是颜色的16进制的值，添加之后可以初步解决透明度颜色在IE8浏览器不生效的问题。需要兼容的元素{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E516285C,endColorstr=#E516285C); } 下面有在线转换工具的地址:http://www.rockyxia.com/tools/rgba.php ...

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

09-05

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

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

09-25

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

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

09-22

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

IE8 兼容 rgba

秀强的专栏

09-12

353

background: rgba(0,0,0,.8); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); /*IE8支持*/

IE8不支持rgba()的处理方法

littlebearGreat——宁静致远

05-02

4123

IE8不支持rgba()，但是支持滤镜，可以达到与rgba()相同的效果需要注意的是：IE9支持滤镜，同时也支持rgba()，如果同时使用，会看到双重效果 IE10及其以上版本不支持滤镜，支持rgba()。 1.写法： rgba: .class{ background: rgba(0,0,0,0.75); }滤镜（filter）： .class{ fi

兼容ie8以下 rgba()用法

物以稀为贵yeah

07-03

1169

可以使用 IE 的 filter 来解决rgba的兼容性。 CSS:background: rgba(255, 255, 255, .1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思

rgba兼容ie

chuijian2218的博客

08-17

218

rgba兼容性处理根据caniuse（http://caniuse.com/#search=rgba），rgba兼容性为IE9以及以上浏览器。实例代码： <!DOCTYPE html> <html lang="en"> <head> ...

兼容ie8 的 rgba()用法

ForMyQianDuan的博客

10-18

4860

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

IE兼容RGBa

山茶树和葡萄树

12-06

339

IE兼容RGBa

ie8不兼容rgba的解决方法

yyjourney的博客

06-12

487

在项目中有模态框的效果，在后台测试的时候，发现ie8并不兼容。 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/ 在所需要设置的css里面添加这一属性就可以。

IE兼容rgba()透明度

weixin_30644369的博客

07-31

234

一般浏览器的背景透明度可以直接设置 background:rgba(0,0,0,.5); -webkit-background:rgba(0,0,0,.5); -o-background:rgba(0,0,0,.5); -moz-background:rgba(0,0,0,.5); 但是这在IE中是不支持的，所以有了以下的解决办法：第一种： -ms-background: #000...

css中的rgba() 兼容IE8以下的浏览器

Iloveyougirls的博客

12-02

4242

低版本IE下不支持rgba()的方法　　background:rgba(0,0,0,0.5); 　　filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); 红色部分是：alpha*255换成16进制。常用的rgba和IE下filter数值的转换

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

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