For the [bug report] dialog component, if the parent element of the wrap dialog is set to Z-index less than the Z-index of the mask shadow layer, the dialog will be blocked

### Element UI version
2.13.0

### OS/Browsers version
Chrome83

### Vue version
2.6.0

### Reproduction Link
https://codepen.io/jumodada/pen/abdLZXN

### Steps to reproduce
设置包裹层父元素的z-index为2，设置相对定位。

### What is Expected?
希望mask阴影层不会遮挡弹出框。
mask阴影层是在body上面appendchild的，设置fixed定位。
自然这样子dialog设置相对定位和z-index小于mask的话，就会被遮挡。
期望mask和dialog是在同一节点下的层级，或者对话弹出框也是类似el-popover的做法是放置在body第一层进行定位调整位置的。这样子便不会被父级元素的css所影响。
虽然目前有方法可以规避这种bug，但是这样整的很麻烦。感谢开发人员❤️

### What is actually happening?

dialog组件，如果包裹的父元素设置z-index小于2001，mask阴影层会遮挡挡板。