mui使用弹出菜单（popover）被遮蒙板遮住

ゞ浴缸里的玫瑰 2021-10-14 16:59 331阅读 1赞

错误示范

<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">`的外面就可以了

发表评论取消回复

表情：

评论列表（有 0 条评论，331人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter弹出菜单

现的时候碰到的几个问题： 1. 实现方式： * 如果用Navigator路由到新页，可以用PopupRoute自己实现，也可以直接用PageRo...

悠悠/ 2024年04月17日 18:22/ 0 赞/ 120 阅读

相关 el-popover弹出框

Popover 弹出框基础用法 Popover 的属性与 Tooltip 很类似，它们都是基于`Vue-popper`开发的，因此对于重复属性，请参考 Toolt

水深无声/ 2024年03月23日 21:45/ 0 赞/ 113 阅读

相关 MUI-弹出菜单

代码实现：   <a href="popover"> <span class="mu

客官°小女子只卖身不卖艺/ 2023年09月29日 11:02/ 0 赞/ 93 阅读

相关 MUI 遮罩蒙版

在popover、侧滑菜单等界面，经常会用到蒙版遮罩；比如popover弹出后，除popover控件外的其它区域都会遮罩一层蒙版，用户点击蒙版不会触发蒙版下方的逻辑，而会关闭p

ゞ浴缸里的玫瑰/ 2023年07月19日 12:28/ 0 赞/ 29 阅读

相关点击蒙版遮罩关闭弹窗

![在这里插入图片描述][9e998efa8a654190b92a54d9c7af83fe.png] [9e998efa8a654190b92a54d9c7af83fe.p

太过爱你忘了你带给我的痛/ 2022年08月29日 00:00/ 0 赞/ 267 阅读

相关弹出式菜单

package GuiOper; import javax.swing.\; import java.awt.event.\; /\ \ 弹出式菜单： \

╰半夏微凉°/ 2022年05月31日 01:35/ 0 赞/ 310 阅读

相关 Others-popover弹出框

<!--Popover 弹出框 Popover 的属性与 Tooltip 很类似，它们都是基于Vue-popper开发的 trigger属性用于设置何时

╰半夏微凉°/ 2022年03月29日 09:29/ 0 赞/ 422 阅读

相关 Mui-弹出对话框

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

￡神魔★判官ぃ/ 2021年11月02日 03:31/ 0 赞/ 588 阅读

相关 mui使用弹出菜单（popover）被遮蒙板遮住

错误示范 <div class = "mui-content"> <div id="popover" class="mui-p

ゞ浴缸里的玫瑰/ 2021年10月14日 16:59/ 1 赞/ 332 阅读

相关 element-ui dialog（多弹框、嵌套弹框）被蒙版遮住

我的情况是，在一个弹框中，点击按钮再弹出了一个弹框，第二个弹框被蒙层遮住了。![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

逃离我推掉我的手/ 2021年08月13日 16:29/ 0 赞/ 700 阅读