关于ueditor图标插件显示的层级解决方案

以下是本人在使用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，而后点击图标按钮，完美解决。

效果：

 

 

感悟：由以上解决之道，可以推而广之，凡是关于层面遮盖的问题，可依此解决，类似于某些软件内分层的设计。谢谢。