# ElementUI全局配置z-index

* 抖音：<https://v.douyin.com/hckakGR/>
* B站：<https://www.bilibili.com/video/BV1Mb4y1B7Xx/>

通常情况下

我们再碰到这种

由于 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

改成

五个九

好我们再刷新一下

大家看：也是可以的

我再放一个抽屉

也没有问题


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sunzsh.gitbook.io/xiaoshan.bug/elementui-quan-ju-pei-zhi-zindex.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.