以下是本人在使用ueditor编辑器过程中遇到的一个比较好玩的问题之一,
点击工具条中的按钮后,显示的弹框在整个编辑器的下方,被编辑器本身遮盖了。
查找网上多种解决方案,
最好的解决例子是将config.js中的zIndex 调整为默认的900,然而此种方案于我而言,没有作用。
于是查找了一些关于z-index的一些
信息,具体情形请参考:http://www.w3school.com.cn/cssref/pr_pos_z-index.asp
http://www.w3school.com.cn/tiy/t.asp?f=hdom_style_zindex
于是明白了,可能是按钮弹框的z-index属性值小于编辑器本身的z-index值。于是找出编辑器所在页面内样式中最大的z-index值,为1070,
所以将config.js中的zIndex值调整为2000,而后点击图标按钮,完美解决。
效果:
感悟:由以上解决之道,可以推而广之,凡是关于层面遮盖的问题,可依此解决,类似于某些软件内分层的设计。谢谢。