使用MUI弹出框(popover)被遮罩层盖住

这几天使用MUI写一个商城APP,在使用弹出框时,出现了问题,问题是这样的,上图:

使用MUI弹出框(popover)被遮罩层盖住_第1张图片

弹出框是出来了,只是出现在遮罩层的下方,这就让人摸不着头脑了

使用MUI弹出框(popover)被遮罩层盖住_第2张图片

下面给大家看看我的代码:

{ {Goods.inventory}}件剩余
{ {Goods.GoodsModel}}
{ {Goods.GoodsUnitTemplateDes}}

我看着也没啥问题啊,然后我怀疑是CSS的锅,在查看了之后发现也没啥问题,遮罩层的‘z-index’为998,弹出框的为999,明显不是这个原因,找了很久,眼睛都花了。一直无法解决。当我想要放弃时突然想到一点,遮罩层遮的是哪?遮的是content啊,如图:

被放到了里面,只要把 
拿到
的外面就可以了

使用MUI弹出框(popover)被遮罩层盖住_第3张图片

于是我把弹出框位置改动,放在mui-content的外部,结果真的解决了

你可能感兴趣的:(mui,web,app,mui,html)