使用fliter实现ie下css中rgba的效果

直接举例吧
background-color: rgba(255,255,255,0.8);

设置背景颜色为白色，不透明度设为80%

在ie下可以用fliter这一属性进行设置：

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);

具体的设置情况可以看一下这个链接：https://segmentfault.com/a/1190000002433305

其中最后的颜色值是分为两个部分的：前两位是IEfliter值，其对应表如下，后面的则是六进制颜色值。

rgba透明值	IEfliter值
0.1	19
0.2	33
0.3	4C
0.4	66
0.5	7F
0.6	99
0.7	B2
0.8	C8
0.9	E5

转载于:https://www.cnblogs.com/cheerup/p/6405674.html

使用fliter实现ie下css中rgba的效果相关推荐

我可以在CSS中使用onclick效果吗？
本文翻译自:Can I have an onclick effect in CSS? I have an image element that I want to change on click. 我 ...
一个关于css中margin-right没有效果的问题
在做网页的时候,常常会遇到这样那样的问题,虽然都不是大问题,可以百度解决,但为了以后方便寻找解决问题以及加深记忆,之前的很多解决方案或资料都放在电脑作为笔记,很久没敲代码突然又上手就觉得之前存放的资源 ...
CSS 中使用动画效果实现点赞特效
CSS 中使用动画效果实现点赞特效效果图当没有点赞的时候, 页面上只有的图标是黑色的点赞之后, 出现一个缓缓上升的红心赞, 之后页面上的赞变为取消, 图标变为红色缓缓上升的红心赞会左右摇摆 - ...
CSS中RGBA和渐变色
颜色值RGBA 我们熟悉的rgb颜色标准,是由r(red).g(green).b(blue)三种颜色叠加变化形成各种颜色取值0-255,或0-100% rgba就是在rgb基础上增加了alpha不透 ...
如何在css中设置音乐效果,css实现简单音乐符效果
css实现简单音乐符效果利用css3中的transform.animation.keyframes实现 1 2 3 4 5 6 7 Document 8 9 .box{ 10 width:60px; ...
css中2D转换效果实现（4）
css3引入了2D和3D转换效果,自此css3进入了一个新的世界,接下来你要学好这些内容哟! 效果
CSS中的颜色值与颜色属性
文章目录颜色模型 CSS颜色值的类型颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...
html 实现格子效果,CSS中网格效果的实现方案
网络效果如下所示: 网格效果示例.png 在CSS中,网格效果的应用还是很广泛的,比如:棋盘格效果.参考线效果等等: 在CSS中实现颜色突变的效果有多种方案,如下: 方案1:table样式这个方案的 ...
CSS中的position定位属性
一.文档流在分析position定位之前可以先简单了解下CSS中的脱离文档流是什么意思. 文档流:可以理解为元素的一种状态,处于这种状态下的元素具有一些特性. (更加详细的文档流讲解可到<关于 ...

使用fliter实现ie下css中rgba的效果

使用fliter实现ie下css中rgba的效果相关推荐

最新文章

热门文章