掘友等级
Web 前端开发程序媛，有多年ToB 前端开发经验，擅长 Ctrl CV，偶尔翻译一些英语技术文章，个人公众号：瓶子酱随笔 
获得徽章 0
做了这么久的前端，一直没这么去深层的了解代码是怎么执行的，最近看了很多文章，发现很多说法都有出入，自己跟着理解总结了下
众所周知，不想写全栈的前端不是好开发
啊，没有需求文档，一个 word 介绍，一份 excel 数据的项目，真的好恶心，功能自己梳理，界面自己设计，写一半又去看看 word 下一步怎么搞，越看越恶心
一看源码就犯困
，但是又想看
这样的排版，内容所占的空间太少了，阅读体验有点差啊
接别人的锅，遇到个很有意思的层级问题，代码结构如下图1，有一个遮罩层，上面（1）有一个框框a, a里面有个音频;（2）点击查看会显示框b，框b可以再次点击查看缩回去;（3）框b里面可以点击查看图片显示框c，这里不需要查看按钮了，会有关闭按钮。有意思的是当我们去掉所有的z-index后，现有的结果展示出来的效果如图2
canace22.github.io