您好,欢迎来到爱玩科技网。
搜索
您的当前位置:首页CSS3中的opacity透明度属性的继承问题如何解决

CSS3中的opacity透明度属性的继承问题如何解决

来源:爱玩科技网
CSS3中的opacity透明度属性的继承问题如何解决

利⽤的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果,但是很多情况下这种单⼀的渐隐渐显效果并不能满⾜我们的⽇常开发需求。有时候,我们需要在设置opacity属性的对象⾥⾯增加其⼦集对象,以达到符合我们的要求。但是CSS3的opacity ( ⽐如:opacity:0.5; )透明度属性具有继承性,当对某个对象设置了opacity透明度属性的时候,其⼦集元素也会有透明度效果。

使⽤rgba的背景⾊可以很直接的设置对象的透明度效果,⽽且对其⼦集元素没有继承性;⽽使⽤rgb⾊并设置opacity透明度属性的对象却产⽣了透明度继承。

⼀般不想要继承的情况下⽤rgba 的效果很好 background:rgba(0,0,0,.5) ;

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- aiwanbo.com 版权所有 赣ICP备2024042808号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务