[Bug Report] 模态框弹出时导致页面元素 Hover 状态失效，但模态框关闭的瞬间却回到了 Hover 状态，同时相对定位元素也被绝对定位元素顶上去了

### Element UI version
2.4.5

### OS/Browsers version
Win10 / Chrome

### Vue version
2.6.14

### Reproduction Link
https://codepen.io/Barry-Flynn/pen/GRPZRvq

### Steps to reproduce
1. 鼠标悬浮在图片卡片上方，点击删除按钮
2. 关闭弹出的模态框
3. 鼠标重新悬浮在刚刚的图片卡片上

### What is Expected?
在模态框关闭的瞬间，卡片中透明遮罩不会重新归位，图片也不会被顶到上方

### What is actually happening?
点击删除按钮时，由于弹出了模态框，所以卡片的Hover状态丢失，透明遮罩随即通过绝对定位隐藏到了卡片下方。但是当模态框关闭时，通过控制台可以发现，卡片中原图片被透明遮罩瞬间顶到了上方。直到鼠标重新悬浮到卡片上时，原图和透明遮罩才会正确归位，并且图片从上方落下来时竟然有透明遮罩身上的过渡时间。如果想要看得更清的话，可以将CSS 中过渡动画 transition 改为 5.4s 或更长。

希望获知这是由于 Element-UI 模态框导致的问题，还是浏览器渲染的错误？