[CSS]modal模态框隐藏之后，覆盖了操作点，导致无法操作的问题。

问题描述：

jQuery中，modal模态框隐藏之后，覆盖了操作点，导致无法操作的问题。
代码中通过aria-hidden="true"初始化隐藏

在页面调试时，将modal层display:none就可以了，引出知识点

visibility :hidden和display:none的区别

1.是否占据空间：
元素设置display:none属性时，该元素不占任何空间，在文档渲染时，该元素如同不存在（但依然存在文档对象模型树种）
元素设置visibility:hidden属性时，该元素空间依旧存在。
display:none不会在渲染树种出现，visibility:hidden会在渲染树种出现

2.是否渲染：
display:none，会触发reflow（回流），进行渲染
visibility:hidden，只会触发repaint（重绘），因为没有发现位置变化，不进行渲染

3.是否是继承属性：
display:none，不是继承属性，元素及其子元素都会消失
visibility:hidden，是继承属性，若子元素使用了visibility:visible,则不继承，这个子孙元素又会显示出来

4.读屏器是否读取
读屏器不会读取display:none的元素内容，而会读取visibility:hidden的元素内容

DOM层级顺序与z-index

详细链接https://segmentfault.com/a/1190000014382426