文章转载地址: 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;
文章转载地址: 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;
本文标题:父容器需要透明,子容器不要透明
本文链接:https://www.haomeiwen.com/subject/zxtpcctx.html
网友评论