RGBA IE的兼容性做法备忘

最新推荐文章于 2024-10-16 17:22:22 发布

norkter

最新推荐文章于 2024-10-16 17:22:22 发布

阅读量91

点赞数

文章标签： rgba css ie

本文链接：https://blog.csdn.net/norkter/article/details/84431037

版权


.rgba{
  background:rgba(0,0,0, 0.7);
  *background: none;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
}

颜色 B2000000中，前边的B2是（255*0.7）.toString(16)得到的，后边的000000是颜色

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

norkter

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

09-27

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

CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

12-08

本文将探讨如何在多种浏览器中实现兼容性的渐变背景效果，包括IE、Firefox、Chrome、Safari和Opera等。 1. **IE浏览器下的渐变背景** 在IE浏览器中，我们通常需要依赖滤镜（filter）来实现渐变效果。对于垂直渐变...

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

ECharts属性设置

热门推荐

she_lover的专栏

05-18

12万+

theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '

background中的rgba的写法与opacity分开写法

weixin_44817180的博客

07-14

1076

background中的rgba的写法与opacity分开写法，他们两种效果是不同的， //如果是想写遮罩层，用rgba写法。 background:rgba(0,0,0,0.7); //opacity的写法会导致底下的文字显示在遮罩层的上面（bug） background: $black; opacity: 0.7 ...

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)则表示完全不透明的白色,也即是无色；...

background:rgba()

Clownfishl的博客

03-12

2万+

RGBA

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

Celine

07-18

4454

一般我们写透明的黑色部分都是用opcity（0.6）方式写的，但是这里带出来一个问题就是如果你在这一div上写字的话，然后那个字体也会变成透明色。然后我们采取rgba的样式写，前面三个数字分别对应r,g,b,的三种颜色，第四位的数字对应的是透明的系数。但是这个又出了一个问题就是IE8根本不支持这里我们通常的解决方案是把透明色的黑色蒙版，我们把它变成一张图片，作为一张图片放进去。 backgroun

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

09-25

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

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

09-05

在早期的Internet Explorer（IE）浏览器版本中，不支持CSS3中的`rgba()`函数，该函数用于定义具有透明度的背景颜色。...随着浏览器技术的发展，现在我们有更多现代的解决方案来处理跨浏览器的兼容性问题。

前端如何设置背景颜色的透明度 css中的 rgba() 函数详解：background-color: rgba(255,192,203,0.3)

宝藏女孩的成长日记

12-14

1万+

目录前言rgba() 函数详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑，再加上自己做的是蛋糕app，觉得暖色应该会很好看，于是就用了这行代码 background-color: rgba(255,192,203,0.2); 实现的效果如图：接下来就介绍如何使用css中的 rgba() 函数 rgba() 函数详解 rgba() 函数使用红®、绿(g)、蓝(b)、透明度(a)的叠加来生成各式各样的颜色。 rgba 即红色、绿色、蓝色、透明度（red, green, b

background:rgba（）兼容性

肖肖肖丽珠的博客

09-28

1万+

background:rgba（r,g,b,opacity）是设置为半透明的背景色。但是他具有兼容性，在ie浏览器里不显示背景色。开始我以为只要单独设颜色和透明度就好了。但是你一旦用opacity和filter设置背景色，这个节点里面的元素也会透明，不单单是背景色透明了。所以还是不行。看到一种说法是利用滤镜。原文的链接在这里http://www.zhangxinxu.com/wordpre

Myeclispe 导入css空指针异常 background: rgba(0, 0, 0, 0.3)

qq_38278933的博客

11-08

2892

background: rgba(0, 0, 0, 0.3); 改成background-color: rgba(0, 0, 0, 0.3); md找了一个小时。。。这都能报空指针异常。。。

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)则表示完全透明的白色 ...

【黑马前端—CSS基础】背景

学习如逆水行舟，不进则退

08-30

1107

内容来自b站的黑马程序员pink老师由我收集整理总结 CSS 的背景通过 CSS 背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景颜色 background-color 属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是 transparent（透明），我们也可以手动指定背景颜色为透明色 background-color:transparent; 背景图片 backgro

使用纯CSS和JavaScript来实现一个转盘抽奖效果

weixin_46328739的博客

10-10

723

使用纯CSS和JavaScript来实现一个转盘抽奖效果,抽到机率相同。

使用CSS+SVG实现加载动画

qq_33003143的博客

10-13

360

使用CSS和SVG实现加载动画

第六章元素应用CSS

2302_80786141的博客

10-16

425

CSS 提供属性来控制文本的字体类型。参数：字体名称按优先顺序排列，以逗号隔开。如果字体名称包含空格，则应用引号括起。说明：用 font-family 属性可控制显示字体。不同的操作系统，其字体名是不同的。对于Windows 系统，其字体名就如 Word中的“字体”列表中所列出的字体名称。

使用react+css实现一个轻量的可拖拽侧边栏布局