mui使用弹出菜单(popover)被遮蒙板遮住

错误示范

<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>
		      </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>
      </ul>
    </div>

菜单被蒙着的原因是因为 <div id="popover" class="mui-popover">被放到了里面,只要把 <div id="popover" class="mui-popover">拿到<div class = "mui-content">的外面就可以了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序猿锅锅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值