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

ゞ浴缸里的玫瑰 2021-10-14 16:59 276阅读 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 条评论，276人围观）

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

相关阅读

相关 Flutter弹出菜单

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

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

相关 el-popover弹出框

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

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

相关学习使用Bootstrap弹出框Popover提示框样式

学习使用Bootstrap弹出框Popover提示框样式注意事项弹出方向失去焦点隐藏禁用元素弹出提示框

女爷i/ 2022年09月10日 10:25/ 0 赞/ 210 阅读

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

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

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

相关 bootstrap中popover.js(弹出框)使用总结+案例

bootstrap中popover(弹出框)使用总结+案例 [bootstrap的官方文档][bootstrap](不过是英文的) 一. popover常用配置参数：

小灰灰/ 2022年07月16日 12:14/ 0 赞/ 240 阅读

相关弹出式菜单

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

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

相关 Others-popover弹出框

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

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

相关 Mui-弹出对话框

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

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

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

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

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

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

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

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