父容器需要透明，子容器不要透明

文章转载地址： css实现遮罩层，父div透明，子div不透明

父容器如果是这样 background-color:#000;opacity:0.3
子容器是这样 background-color:blue;opacity:1;
最后的结果是，子容器跟父容器一样，都是透明的

解决的办法

使用RGBA

父容器 background: rgba(0, 0, 0, 0.5);//这里就是黑色半透明
子容器 background-color:blue;opacity:1;