Select下拉框内容被百度编辑器UEditor挡住的解决办法

当下拉框组件太靠近UEditor编辑器组件时候,下拉框会被覆盖掉,如下图:

在这里插入图片描述

解决办法
将下拉框放到一个div中,该div的style属性如下设置,注意z-index的值一定要大于等于10000,不然还是被覆盖,大概UEditor的层级是9999吧;还有一定要先设置position: relative;不然z-index不起作用。

<div class="form-group center-block" style="position: relative;z-index: 10000;">
  <select name="xxx" id="xxx" class="form-control input-sm selectpicker show-tick" data-live-search="true">
    <option value="" selected >请选择项目</option>                   
  </select>
</div>

最后看一下效果

当然,还有另外一种办法,就是在实例化编辑器时候把编辑器的层级设置低一点,不过要注意不要设置得太低,以免编辑器被其它层覆盖,设置代码如下:

UE.getEditor('editor', {zIndex: 100});
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

丁racy

感谢各位兄弟的打赏!O(∩_∩

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

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

打赏作者

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

抵扣说明:

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

余额充值