父级透明，子级不透明

<div style="opacoty:0.5;">

　　<div style="opacoty:1;"></div>

</div>

这么写子级会继承父级的透明度，而且无法更改。我们可以利用background来改变透明度。

<div style="background:rgba(0,0,0,.5);">

　　<div style="opacoty:1;"></div>

</div>

这么写子级并不会继承父级的透明度。