未来Web设计CSS3+HTML5效果演示

4. 使用 RGBA 实现透明效果 

 

目前，Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者)，在 CSS3，可以直接实现透明效果。

1.rgba(200, 54, 54, 0.5);

2.background: rgba(200, 54, 54, 0.5);

3.color: rgba(200, 54, 54, 0.5);

1.color: #000;

2.opacity: 0.5;

支持的浏览器： Firefox, Safari, Chrome, Opera (opacity) 以及 IE7 (opacity, with fixes).

用例: 24 Ways (RGBA).

延伸阅读:
CSS3的新特性介绍
HTML5 令人期待的五项酷功能 轻松又美丽