18910140161

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

顺晟科技

2021-09-15 13:13:56

294

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

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

一般不想要继承的情况下用rgba 的效果很好 background:rgba(0,0,0,.5) ;
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航