`

RGBA

    博客分类:
  • Css
 
阅读更多

为颜色加透明度值:rgba值,“a”在该属性中代表:alpha。alpha的取值范围是从0到1。这个新特性允许我们指定一个透明的颜色值,使得我们的工作更轻松了。。

 

练习用html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="hi.baidu.com/yongganaqi" />
<meta name="keywords" content="7qi" />
<meta name="description" content="7qi" />
<title>练习</title>
<style>
div{
width:20px;
height:50px;float:left;}
</style>
</head>

<body>
<div style="background: rgb(243,191,189);"></div>
<div style="background: rgb(246,143,142);"></div>
<div style="background: rgb(249,95,94);"></div>
<div style="background: rgb(252,47,47);"></div>
<div style="background: rgb(255,0,0);"></div>
<br />
<br />
<div style="background: rgba(255,0,0,0.2);clear:both;"></div>
<div style="background: rgba(255,0,0,0.4);"></div>
<div style="background: rgba(255,0,0,0.6);"></div>
<div style="background: rgba(255,0,0,0.8);"></div>
<div style="background: rgba(255,0,0,1);"></div>
</body>
</html>

你看到两者的不同了吗?据上的蓝色区域采用的是RGBA值显示的,据上的红区采用的是RGB值显示的。

<div style="background: rgba(255,0,0,0.2);"></div>
<div style="background: rgba(255,0,0,0.4);"></div>
<div style="background: rgba(255,0,0,0.6);"></div>
<div style="background: rgba(255,0,0,0.8);"></div>
<div style="background: rgba(255,0,0,1);"></div>

另一个采用的代码:

<div style="background: rgb(243,191,189);"></div>
<div style="background: rgb(246,143,142);"></div>
<div style="background: rgb(249,95,94);"></div>
<div style="background: rgb(252,47,47);"></div>

<div style="background: rgb(255,0,0);"></div>

 当使用需要透明度的时候,只需:background: rgba(255,0,0,0.2);

到目前为止,该属性支持的浏览器有:Firefox 3.0+、Chrome 4.0+、Safari 3.1+、Opera 10.0+。

分享到:
评论

相关推荐

    图片转RGBA4444

    在Unity引擎中,图片资源通常是以各种格式存储的,如RGB、RGBA32等。"图片转RGBA4444"这个主题涉及到的是将图片数据转换为特定的RGBA4444格式。RGBA4444是一种颜色格式,其中每个像素包含4个位来表示红色、绿色、...

    PNG转换RGBA.exe

    因为本人用的是MCU,没使用linux或者andriod等系统,要做图片的透明叠加效果,在网上各种找PNG转565rgba和888rgba的工具软件,找了好久都一直找不到,实在没办法自己写了一个,用在本人的实际项目中。可以选择转换成...

    rgba8888转yuvsp420

    在计算机图形学和视频处理领域,RGBA8888是一种常用的色彩空间表示方式,它包含了红(R)、绿(G)、蓝(B)以及透明度(A)四个通道,每个通道使用8位来表示,总共32位。而YUV NV21是Android系统中常见的YUV格式,...

    RGBA颜色混合模型

    ### RGBA颜色混合模型详解 #### 引言 在计算机图形学领域中,RGBA颜色混合模型是一种重要的技术,它被广泛应用于图像合成与处理之中。本文将深入探讨RGBA颜色混合模型的基本概念、工作原理以及实际应用中的注意...

    RGBA数据转存BMP图片

    RGBA数据转存BMP图片。。。。。。。。。。。。。。。。。。。。 只有一个头文件,3个函数,包含使用即可。。。。。。。。。。。。。。。。。。

    16进制和rgba颜色的相互转换

    16进制和rgba、rgb颜色的相互转换,例如#fffff可转换成rgba(255,255,255,1),或者rgba(255,255,255)。可自定义透明度。

    PicViewer RGBA32格式查看

    RGBA32格式查看,后续持续更新支持更多格式

    RGBA(三原色+透明度)与十六进制颜色转换工具

    在实际工作的项目中,经常会用到颜色的转换,一般是 RGBA(三原色+透明度) 转换为 十六进制颜色,或者十六进制颜色转换为 RGBA,此工具提供了 JavaScript 实现的双向转换的方法工具。

    截屏(RGBA转RGB,RGB转JPG,JPG压缩)

    本话题主要涉及了四个关键概念:截屏、RGBA到RGB转换、RGB到JPG转换以及JPG压缩。接下来,我们将深入探讨这些知识点。 1. **截屏(Screen Capture)**: 截屏是指在计算机或移动设备上捕获当前屏幕显示内容的操作...

    [opencv]013 简单RGBA通道的分离与混合

    本篇文章将详细探讨OpenCV如何处理具有RGBA通道的图像,以及如何进行通道分离与混合。 首先,让我们了解RGBA图像的基本概念。RGB代表红色(Red)、绿色(Green)和蓝色(Blue),这三种颜色通过不同强度的组合可以...

    swift-UIColor和16进制互转UIColor转RGBA

    本篇文章将深入探讨如何在Swift中将`UIColor`与16进制颜色代码进行相互转换,以及如何将`UIColor`转化为RGBA(Red, Green, Blue, Alpha)值。 首先,我们需要理解颜色的16进制表示法。16进制颜色代码通常以`#`开头...

    ffmpeg nvdia硬解封装GPU实现NV12-RGBA

    在本文中,我们将深入探讨如何利用NVIDIA的硬件解码功能,通过FFmpeg实现实时流(RTSP)拉取并在GPU上进行NV12到RGBA的转换。 首先,NVIDIA硬件解码指的是利用NVIDIA GPU的硬件加速能力来执行视频解码任务,这通常...

    热力图 真彩色 rgba颜色码 16进制颜色码

    本话题将深入探讨热力图、真彩色以及与之相关的rgba颜色码和16进制颜色码。 首先,让我们了解一下热力图的基本概念。热力图通常由矩阵或格子组成,每个单元格代表一个数据点,并用不同的颜色来表示其数值大小。颜色...

    vtkImageData转为RGBA类

    当我们需要在Qt界面中显示`VTK`的数据时,可能会遇到将`vtkImageData`转换为支持的颜色格式,如RGBA,以便于在`QImage`中显示。下面我们将详细讨论如何实现这个转换过程,并介绍一些相关的知识点。 首先,`...

    颜色转换(16进制与rgb之间的相互转换,可自定义透明度rgba)

    颜色转换(16进制与rgb之间的相互转换,可自定义透明度rgba) 小程序适用。在小程序中使用时,请释放后尾的注释,文档中有说明。

    Window C++ DXGI视频捕获源码(包含了共享纹理/cpu直接拿RGBA数据)

    本项目提供的"Window C++ DXGI视频捕获源码"是实现高效视频捕获的一个实例,特别强调了共享纹理和CPU直接访问RGBA数据的能力,这在实时处理或高性能应用中非常关键。 首先,我们要理解D3D11共享纹理的概念。在...

    颜色拾取器直接使用运行exe。RGBA和16进制一键复制。有源码。

    颜色拾取器,用qt写的,更改dialog样式、设置exe图标、颜色转换,自定义事件, 点击获取,再点击界面的任何一个地方,保持按压状态,移到哪里,哪里就会有实时的颜色预览。以及RGBA格式和16进制格式输出

    rgba8888- 副本 - 副本.py

    rgba8888- 副本 - 副本.py

    rgba的ie浏览器支持换算器

    rgba的ie浏览器支持换算器: 实现背景色透明效果的代码 实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。 输入十六进制的颜色值以及透明度,自动在IE的过渡...

    RGBA通道修改

    此文件主要是通过GDAL加载一张图片后,通过OPencv进行图像的各个通道的数据处理,图像数据的修改,RGBA通道值的自定义修改。当然你也可以不用通过GDAL加载,直接使用opencv加载或者QImage加载图片都可以。看自己的...

Global site tag (gtag.js) - Google Analytics