ElementUI全局配置z-index
通常情况下
我们再碰到这种
由于 z-index
导致某些元素被遮挡的问题
我们直接提升他的 z-index 值
就可以了
就像这样
这样是可以解决的
但是今天这个 bug 不能这样解决
为什么呢大家看我再放一个抽屉组件
打开这个抽屉组件还是被遮挡住了
所以我们刚才只设置了那一个样式
是没法解决所有的问题
那这种情况相当于
这个项目里用的这个文本编辑器
和饿了么 ui 的这些组建的 z-index
发生了这种规划的问题
所以要想彻底解决这个问题
我们只有两种方法
第一我们去修改这个文本编辑器的 z-index
第二我们去修改饿了么 ui 的
基础的 z-index 值
那这个小伙伴用的是这个wangEditor
我翻了一下文档
这里边是可以这样配置他的
z-index 的
我们来配一下
在这里
加这么一句
我们来试一下
大概可以了
再把刚才的样式还原
把这个煮掉
打开这就没问题了好
那第二种方法
我们怎么去修改饿了么 ui 的基础
z-index值呢
把这个再注视掉
好然后我们去
饿了么 ui 的文档里找到这个全局配置里
他有一个
use的时候
加上一个参数
这里边可以设置组件默认的大小
还可以设置基础的z-index值
他默认是2,000
所以刚才我们设置的500（wangEditor）是可以用的
那我们给他改成5个9
main.js
我们在use饿了么 ui 的时候传一个
z-index
改成
五个九
好我们再刷新一下
大家看：也是可以的
我再放一个抽屉
也没有问题
最后更新于