站内搜索:
首页 >> 前端 >> 内容
关于mui使用弹出菜单被遮蒙板遮住的问题

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

这个问题对于刚刚入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>的外面

  • 上一篇:dede判断手机访问电脑端网站跳转代码
  • 下一篇:数组的迭代遍历
  • 返回顶部