CSS opacity设置透明度影响子元素的解决办法

当我们设置一个元素

.item {
opacity:0.5
}

其内部的opacity为1的子元素也同时具有了0.5的透明度
解决办法

.item {
background: rgba(0,0,0,0.3)
}

这样设置就不会影响子元素了。