關於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>的外面