首页 > 代码库 > RGBA与半透明背景
RGBA与半透明背景
概念
所谓RGBA颜色,就是RGB三原色加ALPHA。在给背景添加颜色的同时,提供透明度特性。
使用方法
background:rgba(90,90, 54, 0.5);
支持情况
Firefox 3.0.5 | 支持 |
Safari | 支持 |
Google Chrome | 支持 |
IE | Fuck!!!! |
IE怎么办
在做弹出层遮罩的时候,我们经常用到filter:alpha(opacity=50),这个就是解决方案吗?试试看吧。当你发现文本全部继承了半透明属性。
不得不说,IE在滤镜上还是花了很多功夫的。我们可以使用filter:progid:DXImageTransform.Microsoft.Gradient ,对,这个是渐变滤镜,但是可以实现背景透明这个滤镜有两个选项,一个是startColorStr,另外一个就是end。关于选项的值,跟RGBA很类似的,只不过从10进制改成了16进制,并且ALPHA放到了前面,
startColorStr = #00ffeedd , 00就是透明度,剩下的就是16进制的RGB颜色。
实例:
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#77000000,endcolorstr=#77000000);
RGBA与半透明背景
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。