美文网首页
父容器需要透明,子容器不要透明

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

作者: 一个冬季 | 来源:发表于2019-06-29 11:59 被阅读0次

文章转载地址: 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