博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
RGBa颜色 css3的Alpha通道支持
阅读量:7168 次
发布时间:2019-06-29

本文共 1076 字,大约阅读时间需要 3 分钟。

    CSS3中,RGBa 为颜色声明添加Alpha通道。

    RGB值被指定使用3个8位无符号整数(0 – 255)并分别代表红色、蓝色、和绿色。增加的一个alpha通道并不是一个颜色通道——它只是用来指定除其它三个通道提供的颜色信息之外的透明度。

    

  • 100%
  • 80%
  • 60%
  • 40%
  • 20%

CSS样式

ul{
list-style: none}ul li{
padding:.5em}ul li.hundred{
background:rgba(0,0,255,1)}ul li.eighty{
background:rgba(0,0,255,0.8)}ul li.sixty{
background:rgba(0,0,255,0.6)}ul li.forty{
background:rgba(0,0,255,0.4)}ul li.twenty{
background:rgba(0,0,255,0.2)}

兼容性写法

  

div {
background: rgb(200, 54, 54); /* 向下兼容 */ background: rgba(200, 54, 54, 0.5);}

        浏览器对”color:rgb” 和”color:rgba” 是分开处理的。        

RGBa的浏览器支持情况

浏览器,版本,操作系统 测试结果 退路
Firefox 3.0+ 支持
Firefox 2.0- 不支持 纯色
webkit -safari 3.x+ 支持
webkit -safari 2.0- 不支持
Mobile Safari (iPhone/iPod Touch /iPad) 支持
opera 10.x+ 支持
Opera 9.x- 不支持 纯色
IE 5.5 - 不支持 无色
IE 6-8 不支持 纯色
IE 9 支持
Google Chrome 所有版本 支持
Netscape 所有版本 不支持 没有颜色
SeaMonkey 1.1.x 不支持 无色
SeaMonkey 2.0 + 支持
BlackBerry Storm Browser 支持

IE下面的实现:

 

转载于:https://www.cnblogs.com/dying/p/3346192.html

你可能感兴趣的文章
BZOJ 1877: [SDOI2009]晨跑 费用流
查看>>
zabbix 2.0.6 监控nginx
查看>>
简明 Vim 练级攻略
查看>>
Linux内核OOM机制的详细分析
查看>>
Go项目结构和模块导入
查看>>
磁盘性能分析之iotop
查看>>
华为第七届无线编码大赛总结(转)
查看>>
[LeetCode] Game of Life 生命游戏
查看>>
nefu 462 fib组合
查看>>
.Net下一个Winform方案可以让MessageBox.Show它显示在父窗口的中间
查看>>
[swift] Async
查看>>
软体project(两)——软体project
查看>>
Native code - how to get function call stack (backtrace) programatically 附带源代码
查看>>
loadrunner中切割字符串
查看>>
MapReduce调度器
查看>>
数字视频基础(三)
查看>>
Nginx编译安装第三方模块http_substitutions_filter_module
查看>>
linux 音频编程
查看>>
EBS Technology Codelevel Checker (ETCC)
查看>>
[转]Asp.NET MVC Widget开发 - ViewEngine
查看>>