vue-如何解决背景图优先级过高导致对话框无法操作？

在我写管理系统时，出现了一个这样的问题：

按理来说，当我点击编辑按钮时，对话框弹出来我就可以在表单中进行编辑：

但是为什么出现错误了？

经过我的一番排查，我发现是背景图的问题：

如果我把position：fixed这句给删掉，对话框可以正常出现。

但是这就会造成背景图不能全局展示

并且我也尝试了将fixed改为static，但是没有两者兼顾的方法。

最后，我在对话框加了:append-to-body="true",就解决了这一问题