想要实现element-ui的dialog对话框之外的界面也能点击，像下面当弹出对话框的时候，对话框以外的区域也能点击并拖动地球，这个需求很偏，搞了好久没有实现，幸得高人相助，总结一下调试过程。

利用的css属性为：pointer-events

放个学习pointer-events的链接：https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events

一、首先在浏览器中调试，在对话框的样式中加上pointer-enents：auto，在el-dialog__wrapper中加入样式：pointer-events: none;试试能不能实现，下图是在程序中修改后的样式。

二、粘贴出在文件中的修改内容

dialog对话框代码：

修改的dialog对话框css样式：

注意：这个样式用的是less，用的是vue，还得安装一下less：