CSS3 颜色值RGBA表示方式
2016-03-17 19:09
696 查看
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
RGBA(R,G,B,A)
R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:Alpha透明度。取值0~1之间。
RGBA记法。
此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。
浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持
橙色 = 实验性质
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>RGBA_CSS参考手册_web前端开发参考手册系列</title>
<style>
.test{background-color:rgba(0,0,0,0.5);}
</style>
</head>
<body>
<div class="test">能看到此行背景说明你的浏览器支持RGBA色彩值记法</div>
</body>
</html>
说明:
RGBA(R,G,B,A)
取值:
R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:Alpha透明度。取值0~1之间。
说明:
RGBA记法。此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。
兼容性:
浅绿 = 支持红色 = 不支持
墨绿 = 部分支持
橙色 = 实验性质
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
版本 | 6-8 | 4 | 5.1.7 | 13 | 11.5 |
版本 | 9 |
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>RGBA_CSS参考手册_web前端开发参考手册系列</title>
<style>
.test{background-color:rgba(0,0,0,0.5);}
</style>
</head>
<body>
<div class="test">能看到此行背景说明你的浏览器支持RGBA色彩值记法</div>
</body>
</html>
相关文章推荐
- CSS3 线性渐变(linear-gradient)
- QComboBox 右侧下拉按钮qss样式设置
- 我的头像——DIV+CSS3制作哆啦A梦头像
- 一言不合敲代码(1)——DIV+CSS3制作哆啦A梦头像
- 修改博客园博客样式
- CSS3 不定宽高水平居中
- css把超出的部分显示为省略号的方法兼容火狐
- 探究CSS line-height属性
- css3学习--css3动画详解一(animation属性)
- [转]CSS 那么多属性,而且每个属性都有多个值怎么记?
- CSS边距问题
- CSS设置属性
- CSS基础知识
- CSS所遇问题小
- html+css 清除浮动的相关技巧心得
- QTabWidget添加自定义样式
- 环形进度条的实现方法总结和动态时钟绘制(CSS3、SVG、Canvas)
- CSS3参考文档
- css3多行文本溢出显示省略号(…)
- CSS裁剪clip