CSS3中的opacity透明度属性的继承问题如何解决
利⽤的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果,但是很多情况下这种单⼀的渐隐渐显效果并不能满⾜我们的⽇常开发需求。有时候,我们需要在设置opacity属性的对象⾥⾯增加其⼦集对象,以达到符合我们的要求。但是CSS3的opacity ( ⽐如:opacity:0.5; )透明度属性具有继承性,当对某个对象设置了opacity透明度属性的时候,其⼦集元素也会有透明度效果。
使⽤rgba的背景⾊可以很直接的设置对象的透明度效果,⽽且对其⼦集元素没有继承性;⽽使⽤rgb⾊并设置opacity透明度属性的对象却产⽣了透明度继承。
⼀般不想要继承的情况下⽤rgba 的效果很好 background:rgba(0,0,0,.5) ;