css中经常会遇到设置了父元素的透明度后，会直接影响到子元素的透明度。
例如：
设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。
即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。
解决方法：
为父元素设置background: rgba(0,0,0,0.5)时设置透明度，不再加opacity属性。
没有办法，给父级加了透明度，那他里面的内容都是按照这个透明度显示的，再给子集单独设置opacity:1这样是在原来的透明度的基础上在执行的，也就是如果父级的是opacity:0.5，那再给子集添加opacity:1，她是在0.5透明度的基础上的不透明显示，那还属于有0.5的透明度，这个你可以添加一个单独的层，定位到某个位置，然后设定透明度，不要给父级添加透明度。
