CSS3中的opacity透明度属性的继承问题如何解决
2015-07-10 23:43
555 查看
利用CSS3的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果,但是很多情况下这种单一的渐隐渐显效果并不能满足我们的日常开发需求。有时候,我们需要在设置opacity属性的对象里面增加其子集对象,以达到符合我们的要求。但是CSS3的opacity ( 比如:opacity:0.5; )透明度属性具有继承性,当对某个对象设置了opacity透明度属性的时候,其子集元素也会有透明度效果。
使用rgba的背景色可以很直接的设置对象的透明度效果,而且对其子集元素没有继承性;而使用rgb色并设置opacity透明度属性的对象却产生了透明度继承。
使用rgba的背景色可以很直接的设置对象的透明度效果,而且对其子集元素没有继承性;而使用rgb色并设置opacity透明度属性的对象却产生了透明度继承。
一般不想要继承的情况下用rgba 的效果很好 background:rgba(0,0,0,.5) ;
相关文章推荐
- compass与css sprite(雪碧图)
- 如何做好div+css的浏览器兼容性
- 如何做好div+css的浏览器兼容性
- 隐藏图片的多余部分
- Google css & Google fonts
- CSS的边框和背景属性
- 在引入的css或者js文件后面加参数的作用
- css3--内容垂直居中,box-back属性
- CSS3的颜色透明度 ajax请求时loading
- 记录帖:重写dialog去掉黑边的样式设置
- Dialog 设置背景完全透明的样式
- 纯css实现多级菜单
- CSS3 3D transform变换
- 【CSS3】异步动画
- CSS中的float与clear
- CSS的引入方式最常用的有三种
- css3-伪类选择器使用
- 使用transform和transition制作CSS3动画
- ListView自定义样式
- CSS选择器总结