用CSS3将你的设计带入下个高度[译](4)
作者:神采飞扬 来源:前端观察 时间:2009-06-22 13:03:00
2. RGBA和透明度
RGBA 让你可以不仅仅设定色彩,还能设定元素的透明度。一些浏览器尚不支持它,所以最好在RGBa前面设定其它浏览器支持的没有透明的颜色属性。
Tim Van Damme在链接的hover效果上使用了RGBA
在这个网站上,Tim Van Damme在鼠标悬停效果上使用了RGBa;例如,在他的首页的network链接上:
#networks li a:hover,
#networks li a:focus {
background: rgba(164, 173, 183, .15);
}
当设定一个RGBA 色彩的时候,我们必须依次设定红、蓝、和绿色的值,可以是0-255或百分数。透明值应该在0.0到1.0之间,例如0.5 代表50% 的透明度。
RGBA 和opacity 之间的不同是前者只会应用到指定的元素上,而后者会影响我们指定的元素及其子元素。
这里有个例子展示我们如何给一个div添加80% 透明:
div {
opacity: 0.8;
}
浏览器支持: RGBA 被Webkit内核浏览器支持。IE所有版本都不支持。Firefox 2也不支持,但是Firefox 3 和Opera 9.5均支持。Opacity 被Opera、Webkit核心 和Gecko核心的浏览器支持。IE所有版本同样不支持。IE只支持自家的该死的滤镜(filter)
扩展阅读:
标签:设计,css3,hack,工具
0
投稿
猜你喜欢
css去掉checkbox边框的方法
2011-06-06 10:32:00
rs.open与conn.execute详细解释
2008-07-03 12:54:00
HTML与javascript中常用编码浅析
2008-12-23 12:20:00
mysql 导入导出数据
2011-02-23 12:27:00
为博客增加社会化分享按钮代码
2010-01-31 16:52:00
浅析facebook的信息架构
2008-07-25 19:57:00
什么是响应式Web设计?怎样进行?
2011-11-21 17:00:40
多个函数验证同一表单方法
2007-10-06 22:55:00
如何读取一个.ini文件?
2009-11-18 20:58:00
如何正确合理的建立MYSQL数据库索引
2010-10-25 20:08:00
排序的人文魅力
2008-05-06 12:47:00
focus 进 textarea 元素后光标位置的修复
2008-09-27 13:27:00
SQL Server导出表到EXCEL文件的存储过程
2009-01-06 11:24:00
网页设计之步骤和大局观
2008-03-18 12:50:00
设计可以量化吗?
2009-06-12 12:12:00
Oracle数据库安全策略分析(二)
2010-07-31 13:04:00
MSSQL优化之探索MSSQL执行计划(转)
2011-11-03 17:16:21
通过屏蔽IP来防止采集
2007-08-19 15:28:00
详解MySQL数据类型之数字类型正确使用
2010-06-20 15:02:00
Mysql远程访问的开启
2009-12-17 12:27:00