无法强制 rc-tooltip 不透明度为 1

Question

我们在 rc-tooltip 之上构建了工具提示，但即使使用我们的自定义 CSS，工具提示的不透明度似乎也不是 1。它仍然是半透明的。见图（可以看到背景中的文字）：

我尝试像这样强制不透明度值：

.silo-tooltip .rc-tooltip {
  /* Material-UI's modal is 1300 */
  z-index: 1400;
  opacity: 1 !important;
}

但这并没有效果。这是一个已知问题，还是我在这里遗漏了一条关键信息？

Answer 1

这个答案取自这里，所有学分都属于OP：https://github.com/ReactTooltip/react-tooltip/issues/277#issuecomment-414763398

添加以下类：

.opaque {
  opacity: 1 !important;
}

然后在你的 JSX 中：

<ReactTooltip className={'opaque'}>

这对我有用，希望有帮助。

Answer 2

添加额外的样式会删除过渡属性。

您可以更改 --rt-opacity 变量，它最初设置为 0.9

--rt-opacity: 1 !important;