您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/8/4 13:53:54 点击:

  核心提示:这个问题对于刚刚入mui的我又搞了一下午没了, 好了终于在吃了个饭之后关一下讨论区终于让我找出来错误示范:p class = mui-contentp id=popover class=mui-pop...

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

错误示范:

<p class = "mui-content">

<p 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>
</p>

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

</p>

正确示范:

<p class = "mui-content">

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

</p>

<p 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>
</p>

这次, 总算是惊喜了

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

Tags:关于 于M MU UI 
作者:网络 来源:最好人的博客