dialog 弹出框,遮罩层覆盖内容

写完项目没太注意,并且情况是偶尔发生,点击dialog 的弹出框的时候,灰色遮罩层会覆盖内容上面,

dialog 弹出框,遮罩层覆盖内容_第1张图片

 

这样的话可能是由于我们会发现浏览器遮罩层高于盒子遮罩层,会照成这样的问题,也有可能是我们给父元素加了定位元素

position|:fixed  relative  absolute 

这样的话都可能会出现这样的问题, 解决方案,官网上也有,只不过可能没注意

那就是增加



:append-to-body="true" 或者  :modal-append-to-body='false'
这样都可以解决问题,如果想要元素居中建议第二个

 

你可能感兴趣的:(前端)