CSS3教程(9):设置RGB颜色


Posted in HTML / CSS onApril 02, 2009

使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。
使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。
上一篇文章:CSS3教程(8):CSS3透明度指南
RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样,一个opacity值为1的元素是完全不透明的,而一个opacity为0的元素是完全透明的。
浏览器兼容性
RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持,同样不需要前缀。 CSS3 RGBA 色彩
CSS3教程(9):设置RGB颜色
上面的效果有以下样式实现:
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); height:20px; } div.rgbaL2 { background:rgba(153, 134, 117, 0.4); height:20px; } div.rgbaL3 { background:rgba(153, 134, 117, 0.6); height:20px; } div.rgbaL4 { background:rgba(153, 134, 117, 0.8); height:20px; } div.rgbaL5 { background:rgba(153, 134, 117, 1.0); height:20px; }
浏览器支持

  • Firefox(3.05 …)
  • Google Chrome(1.0.154 …)
  • Google Chrome(2.0.156 …)
  • Internet Explorer(IE7, IE8 RC1 )
  • Opera(9.6 …)
  • Safari(3.2.1 windows…)
HTML / CSS 相关文章推荐
css3个性化字体_动力节点Java学院整理
Jul 12 HTML / CSS
CSS3图片旋转特效(360/60/-360度)
Oct 10 HTML / CSS
css3动画 小球滚动 js控制动画暂停
Nov 29 HTML / CSS
开发人员所需要知道的HTML5性能分析面面观
Jul 05 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
Apr 25 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
May 08 HTML / CSS
html5 初试 indexedDB(推荐)
Jul 21 HTML / CSS
iframe跨域的几种常用方法
Nov 11 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
Sep 10 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 HTML / CSS
CSS 伪元素::marker详解
Jun 26 HTML / CSS
使用canvas仿Echarts实现金字塔图的实例代码
Nov 11 HTML / CSS
CSS教程:CSS3圆角属性
Apr 02 #HTML / CSS
CSS3的新特性介绍
Oct 31 #HTML / CSS
CSS3属性选择符介绍
Oct 17 #HTML / CSS
CSS3教程:background-clip和background-origin
Oct 17 #HTML / CSS
细说CSS3中的选择符
Oct 17 #HTML / CSS
css3 给背景设置渐变色的方法
Sep 12 #HTML / CSS
css3中用animation的steps属性制作帧动画
Apr 25 #HTML / CSS
You might like
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
vue观察模式浅析
2018/09/25 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
Python 字典(Dictionary)操作详解
2014/03/11 Python
python迭代器实例简析
2014/09/25 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
django使用django-apscheduler 实现定时任务的例子
2019/07/20 Python
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
光声世纪笔试题目
2012/08/25 面试题
应届生幼儿园求职信
2013/11/12 职场文书
大学生职业生涯规划书前言
2014/01/09 职场文书
大学生村官典型材料
2014/01/12 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
员工安全生产责任书
2014/07/22 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书