css 字体透明度继承父级透明度，导致不能正常显示。防止opacity子元素继承方法

问题

给父级盒子设置透明度导致内部文字也存在透明度的问题

<div class="cool1">11111111111111111</div>

  .cool1{
        width: 100px;
        height: 100px;
        background: #000000; 
        opacity: 0.5;
    }

解决

<div class="cool2">22222222222222222</div>

 .cool2{
        width: 100px;
        height: 100px;
        background: rgba(0,0,0,0.5);
        background: '#00000080';
    }