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

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

使用rgba的背景色可以很直接的设置对象的透明度效果,而且对其子集元素没有继承性;而使用rgb色并设置opacity透明度属性的对象却产生了透明度继承。

一般不想要继承的情况下用rgba 的效果很好 background:rgba(0,0,0,.5) ;
原文地址:https://www.cnblogs.com/aytsoft/p/4637721.html