Introjs 没有突出显示 fuse-sidebar 元素答案

【问题标题】：Introjs is not highlighting the fuse-sidebar elementsIntrojs 没有突出显示 fuse-sidebar 元素
【发布时间】：2019-03-04 09:20:58
【问题描述】：

我创建了一个 Angular 项目，我正在使用 fuse-sidebar。我也在使用introjs。这工作正常，但这并没有突出显示保险丝侧边栏中的元素。

这是它在fuse-sidebar中查找元素的方式

这就是保险丝侧边栏之外的元素的方式

对于保险丝元素，有更高的内容，但该元素未显示在突出显示区域中，如第二张照片中的保险丝侧边栏之外的元素。

可能是什么问题？

html是这样的

<fuse-sidebar></fuse-sidebar>
<div>other elements</div>

对于 div，z-index 是 1001，所以我将其设置为 fuse-sidebar。但不工作？

【问题讨论】：

【解决方案1】：

存在 CSS 冲突。 fuse-bar 本身正在设置

-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;

所以我需要取消设置transform 属性

fuse-sidebar.locked-open.introjs-fixParent {
    -webkit-transform: unset !important;
    transform: unset !important;
}

这解决了我的问题。

【讨论】：