CSS3练习总结——RGBA
2015-08-05 10:53
399 查看
在模仿实例练习CSS时,遇到了一个属性rgba,这是在CSS3中新出现的属性。
rgba是rgb的一个扩展,rgb意思不变,a代表alpha(即透明度)。
在CSS2中设置透明度通常使用opacity,但有两个问题:
1.在IE下比较麻烦;
2.父元素使用opacity会影响到子元素,也就是说如果子元素也设置opacity,会在父元素透明的程度上叠加,而不是从头开始算。
而使用rgba则不存在这样的问题。
附:取值范围 R(0~255),G(0~255),B(0~255),A(0~1)
在http://www.w3cplus.com/node/45有更为详尽的解释。
rgba是rgb的一个扩展,rgb意思不变,a代表alpha(即透明度)。
在CSS2中设置透明度通常使用opacity,但有两个问题:
1.在IE下比较麻烦;
2.父元素使用opacity会影响到子元素,也就是说如果子元素也设置opacity,会在父元素透明的程度上叠加,而不是从头开始算。
而使用rgba则不存在这样的问题。
附:取值范围 R(0~255),G(0~255),B(0~255),A(0~1)
在http://www.w3cplus.com/node/45有更为详尽的解释。
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- 如何使用CSS3画出一个叮当猫
- CSS3实例分享之多重背景的实现(Multiple backgrounds)
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- 让IE支持RGBa的背景色的代码
- CSS3中Transition属性详解以及示例分享
- 分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
- jquery和css3实现的炫酷时尚的菜单导航
- 实现音乐播放器的代码(html5+css3+jquery)
- 2014 HTML5/CSS3热门动画特效TOP10
- jQuery+css3实现文字跟随鼠标的上下抖动