1需求

css中经常会遇到设置了父元素的透明度，后会直接影响到子元素的透明度。

例如：

设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。

即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。

2解决方法

通过父元素的背景色的不透明度来达到效果，background: rgba(255,255,255,0.75)，绕过opacity属性

3其他常见问题：

去掉边框：border-style: none;

设置圆角：border-radius: 20px;