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

90 阅读 0 评论 60 点赞

我是靠谱客的博主大意墨镜，最近开发中收集的这篇文章主要介绍关于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，而后点击图标按钮，完美解决。

效果：

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。