rgba（0,0,0,0.6）IE不支持解决方法

最新推荐文章于 2023-02-15 11:47:26 发布
最新推荐文章于 2023-02-15 11:47:26 发布
阅读量4.4k 收藏 2
点赞数
分类专栏： Javascript/juery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nceliy/article/details/51942207
版权

一般我们写透明的黑色部分都是用opcity（0.6）方式写的，但是这里带出来一个问题就是如果你在这一div上写字的话，然后那个字体也会变成透明色。

然后我们采取rgba的样式写，前面三个数字分别对应r,g,b,的三种颜色，第四位的数字对应的是透明的系数。

但是这个又出了一个问题就是IE8根本不支持

这里我们通常的解决方案是把透明色的黑色蒙版，我们把它变成一张图片，作为一张图片放进去。
background:rgba(0,0,0,0.6) 变成background:url(image/rag.png)

Celine_xn
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决IE8不兼容rgba函数问题
Diamond_Mine12138的博客
05-10 439
在页面中设置一个半透明的div一般情况下使用rgba()函数，但在IE8情况下无法使用rgba()函数。rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度为0.1的白色。在现代浏览器中是支持rgba的。但是在ie8等古董级浏览器中是不支持的rgba的，ie8只能勉...
rgba alpha 透明度的转换计算表
09-22
随着IE浏览器逐渐退出历史舞台，现代浏览器全面支持RGBA和HEXA格式，这类转换计算表的实际应用可能逐渐减少，但作为知识点的积累和历史遗留问题的解决方案，了解这些转换方法仍然有其必要性和意义。
CSS技巧-rgba函数的妙用
weixin_30378311的博客
12-21 692
先简单介绍一下： 　　rgba()函数是平时开发中经常遇到的，这篇文章也做了一个比较详细的解读以及一系列的应用。 　　对它的工作原理做一番分析：就是具有一定透明度的盒子； 　　还比较了rgba()函数和不透明度属性（opacity）的区别：使用 opacity，所有子元素都会受到影响； 　　在实际开发中，有些地方用rgba()函数也更加方便：为网站 header 定制主题、文章标题、按钮、...
渐变背景background-image:linear-gradient(transparent,rgba(0,0,0,0.6)
zzzley的博客
02-15 166
【代码】渐变背景background-image:linear-gradient(transparent,rgba(0,0,0,0.6)
IE8 兼容CSS3 rgba属性
weixin_34348174的博客
10-25 97
1. 问题介绍 　　一般高级浏览器都支持rgba属性，IE6-IE8不支持。 　　background: rgba(0,0,0,.6)；这里的.6指的是透明度。 2. 解决方案 background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900000...
rgba(0,0,0,0)详解
热门推荐
weixin_43215482的博客
02-18 8万+
前三个值（红绿蓝）的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。 第四个值，alpha值，制订了色彩的透明度/不透明度，它的范围为0.0到1.0之间，0.5为半透明。 rgba(255,255,255,0)则表示完全透明的白色； rgba(0,0,0,1)则表示完全不透明的黑色； rgba(0,0,0,0)则表示完全不透明的白色,也即是无色；...
解决老版本IE不兼容rgba的问题
高先生的猫
08-25 907
我们一般写一个半透明的div，只需要给这个div设置如下的属性即可： background:rgba(255,255,255,0.5); 但是如果遇上 IE8 就有点蛋疼了。因为 IE8 不支持rgba( )。 rgba 的含义，r 代表 red ，g 代表 green ，b 代表 blue ，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。 比如rgba(255，255，255，0.5)就是透明度为 0.5 的白色。 如果做到兼容 IE8 ，要用到 IE...
RGBA: 了解
sunlight_01的博客
05-24 2899
RGBA: 了解 rgba（0，0，0，0）四个值，前三个值的范围是0~255之间的整数或0-100的百分数 前三个值，描述的是三原色，最后一个则代表透明度选值在0~1之间： 0 表完全透明 0.5 表板透明 1 表完全不透明的rgba ...
rgba()和opacity的比较
ttl1076005106的博客
01-07 118
首页rgba()和opacity都能实现透明效果，但是rgba()只作用于元素的颜色或其背景色， 而opacity作用于元素，以及元素内的所有内容的透明度 直接看代码和效果图 /opacity/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g...
css3.0新属性效果在ie下的解决方案
09-25
对于不支持上述属性的IE6/7/8，我们可以使用以下代码： ```css .box_round { behavior: url(/path/to/PIE.htc); } ``` 这里，`PIE.htc`是一个外部脚本文件，可以用来在旧版IE中模拟CSS3的圆角效果。需要注意的是，...
css背景色透明 内容不透明的解决方法(兼容所有浏览器)
09-25
对于不支持`rgba()`的IE浏览器，我们可以使用`filter`属性来实现类似的效果。`filter`中的`progid:DXImageTransform.Microsoft.gradient`可以模拟透明效果，例如：`filter:progid:DXImageTransform.Microsoft....
CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
12-13
然而，对于老版本的Internet Explorer（IE6、IE7、IE8），它们并不支持`rgba`，所以我们需要使用IE的专属滤镜`filter:Alpha`来模拟透明效果。问题在于，`filter:Alpha`会影响到整个元素，包括其内部的文字，使得文字...
css 渐变
wangatong的博客
04-05 267
从透明色到黑色 background-image:linear-gradient(transparent,rgba(0,0,0,0.6))
css写文字效果,css
weixin_42118160的博客
08-03 195
下载代码htmlcssjs分享到微信朋友圈Xhtml文字效果使用纯CSS酷CSS文字效果的集合！Hello World!HELLO WORLD!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!cssbody ...
背景透明的2种写法。效果不一样
南北极之间
10-22 344
1，如果单独设置透明度的话。该元素下面的所有内容都会透明 background-color: #000; opacity: 0.5; 2，如果把颜色和透明度写在一起。就只会那一个元素透明。不会影响其他的 background: rgba(0,0,0,0.6); ...
rgba转16进制
izwell的博客
06-04 1万+
今天工作中遇到如下需求，需要将rgba的颜色值，转换为16进制的颜色值 将rgb转换为16进制我们都知道，但是将rgba装换为16进制知道的人可能就很少了，经过我查阅资料发现，国内几乎没有对于这个转换的正确解释，下面我将讲解如何进行装换。 其实很简单，将rgba就是转换为8位的16进制即可。前6位为正常的rgb的转换，最后一位是透明度的转换。 其中使用00 — 代表0%， 使用ff – 代表100...
RGBA(0,0,0,0)调色
小夜丶凝眸的博客
08-04 4万+
      前三个值（红绿蓝）的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。第四个值，alpha值，制定了色彩的透明度/不透明度，它的范围为0.0到1.0之间,0.5为半透明。比如，如果你想要纯粹的红色作为背景色，你就可以设置为100%红，0%绿和0%蓝。      rgba(255, 255, 255, 0)则表示完全透明的白色     ...
取对象的Key和值
Celine
06-23 9665
var obj = { “姓名”：“宁宁”, “年龄” ： “25”， “性别”： “女” };for(var k in obj) {//遍历对象，k即为key，obj[k]为当前k对应的值 console.log(obj[k]); console.log(k); }
rgba(0,0,0,0)
最新发布
07-29
回答: rgba(0,0,0,0)表示完全透明的黑色。在RGBA颜色模型中，前三个值表示红绿蓝三原色的量，范围为0到255之间的整数或者0%到100%之间的百分数。而第四个值表示色彩的透明度/不透明度，范围为0.0到1.0之间，0表示完全透明，1表示完全不透明。因此，rgba(0,0,0,0)表示纯黑色，并且完全透明，即看不到任何颜色。 #### 引用[.reference_title] - *1* [RGBA(0,0,0,0)调色](https://blog.csdn.net/cxfly957/article/details/76667734)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [背景色透明写法rgba(0, 0, 0, .1)](https://blog.csdn.net/qq_16714671/article/details/122368332)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值