时间戳

首页 > 解决方案 > Popper 没有得到 z-index？

reactjs - Popper 没有得到 z-index？

问题描述

我正在使用以下组件：

https://material-ui.com/components/popper/

在 DOM 中，它具有 tooltip 的作用。我希望它会自动从这里的主题中获取工具提示 zIndex：

https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/zIndex.js

但它没有z-index。是什么赋予了？

标签： reactjsmaterial-ui

解决方案

似乎您使用的组件级别太低。zIndex.tooltip您提到的正在组件中使用Tooltip。所以你有两个选择：

  1. 将您的代码切换为Tooltip直接使用，不用担心应用 zIndexes
  2. 保持您的Popper实现手动应用 zIndex。或者使用withStyles，就像Tooltip组件一样。

为了更大的灵活性和对如何完成工作的控制，我更喜欢第二种方法，公平起见。

推荐阅读