CSS3 -- 透明色(rgba)

摘要:
(超出范围的值将达到最接近的值限制。并非所有浏览器都支持使用百分比值。alpha(不透明度=80)/*IE8*/-ms filter:DXImageTransform。微软Alpha(不透明度=80)“;background:rgb(0,这里您也可以使用图像替换*/background:-ms filter:

1、rgba 描述

  rgb:红r、绿g、蓝b

  rgba:红r、绿g、蓝b、透明度Alpha

  取值:

    r、g、b值:正整数(0 ~ 255) | 百分数( 0.0% ~ 100.0%);(超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。)

    a透明度值:取值0~1之间;(不可为负)

2、rgba 兼容

CSS3 -- 透明色(rgba)第1张

3、rgba 用法

  rgba:制作透明色(透明背景色、透明边框色、透明前景色等),

  opacity:在CSS2中制作背景色通常用到,但用它制作边框色或前景色的话,则存在问题。

  在CSS2中 兼容 写法:

/* IE5 - 7 */
filter: alpha(opacity=80); 
/* IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
/* Everyone else */
opacity: 0.8;

  CSS3中 兼容写法:

background: rgb(0,0,0); /*The Fallback color,这里也可以使用一张图片来代替*/
background: rgba(0, 0, 0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */

免责声明:文章转载自《CSS3 -- 透明色(rgba)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux Nginx 日志脚本C语言 枚举类型下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jdk1.8 对数组及arrays类对数组的操作与增强

数组的初始化有两种方式 静态初始化: 初始化时由程序员显示置顶每个数组的初始值,由系统决定数组长度。如: int[] a1 = new int[] {1,2,3,4}; 动态初始化:初始化时由程序员只指定数组长度,由系统为数组元素分配初始值。如: int[] a = new int[5];   写一个类测试一下 package chenlizhi;...

html5中调用摄像头拍照

方法: getCamera: 获取摄像头管理对象 对象: Camera: 摄像头对象 CameraOption: JSON对象。调用摄像头的參数 PopPosition: JSON对象,弹出拍照或摄像界面指示位置 回调方法: CameraSuccessCallback: 调用摄像头操作成功回调 CameraErrorCallback: 摄像头操作...

Knative 实战:基于 Kafka 实现消息推送

作者 | 元毅 阿里云智能事业群高级开发工程师 导读:当前在 Knative 中已经提供了对 Kafka 事件源的支持,那么如何基于 Kafka 实现消息推送呢?本文作者将以阿里云 Kafka 产品为例,给大家解锁这一新的姿势。 背景 消息队列 for Apache Kafka 是阿里云提供的分布式、高吞吐、可扩展的消息队列服务。消息队列 for Apa...

WPF: x名称空间

这个命名空间存放的就是XAML和XAML编译器沟通的东西,比如编译时与那个C#代码合并等 一、 在XAML中出现的方式有三种 1.标签扩展: x:Array, x:Null, x:Static, x:Type 2. XAML指令元素: x:Code, x:XData 3. Attribute: x:Class, x:ClassModifier, x:Fie...

特征归一化的方法 线性归一化 零均值归一化

常用归一化方法 1). 线性归一化,线性归一化会把输入数据都转换到[0 1]的范围,公式如下 该方法实现对原始数据的等比例缩放,其中Xnorm为归一化后的数据,X为原始数据,Xmax、Xmin分别为原始数据集的最大值和最小值。 优点:通过利用变量取值的最大值和最小值将原始数据转换为界于某一特定范围的数据,从 而消除量纲和数量级的影响 缺点:由于极值化方法...

Ocelot和Consul 实现网关API 服务注册 负载均衡

Ocelot是一个用.NET Core实现并且开源的API网关,它功能强大,包括了:路由、请求聚合、服务发现、认证、鉴权、限流熔断、并内置了负载均衡器与Service Fabric、Butterfly Tracing集成。这些功能只都只需要简单的配置即可完成 Consul 服务发现 在Ocelot已经支持简单的负载功能,也就是当下游服务存在多个结点的时候,...