关于mui使用弹出菜单被遮蒙板遮住的问题

这个问题对于刚刚入mui的我又搞了一下午没了, 好了终于在吃了个饭之后关一下讨论区终于让我找出来

错误示范

<div class = "mui-content">

<div id="popover" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><a href="#">Item1</a></li>
    <li class="mui-table-view-cell"><a href="#">Item2</a></li>
    <li class="mui-table-view-cell"><a href="#">Item3</a></li>
    <li class="mui-table-view-cell"><a href="#">Item4</a></li>
    <li class="mui-table-view-cell"><a href="#">Item5</a></li>
  </ul>
</div>

<a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打开弹出菜单</a>

</div>

然后你一点击, 菜单是出来的, 不过蒙着的...............(此处省略去我的深思)

正确示范

<div class = "mui-content">

<a href="#popover" id="openPopover" class="mui-btn mui-btn-primary mui-btn-block">打开弹出菜单</a>

</div>

<div id="popover" class="mui-popover">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell"><a href="#">Item1</a></li>
    <li class="mui-table-view-cell"><a href="#">Item2</a></li>
    <li class="mui-table-view-cell"><a href="#">Item3</a></li>
    <li class="mui-table-view-cell"><a href="#">Item4</a></li>
    <li class="mui-table-view-cell"><a href="#">Item5</a></li>
  </ul>
</div>

这次, 总算是惊喜了

不知道你是看出来了没有, 其实也就是把弹出菜单的内容放到<div class = "mui-content"></div>的外面