Introjs没有突出显示保险丝侧边栏元素

时间:2019-03-04 09:20:59

标签: javascript css angular intro.js

我创建了一个我正在使用fuse-sidebar的角度项目。 我也在使用introjs。效果很好,但这并未突出显示保险丝侧边栏内的元素。

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

enter image description here

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

enter image description here

对于保险丝元件,它具有较高的光亮度,但是未在高亮区域中显示该元件,如第二张照片所示,该图像用于保险丝侧边栏之外的元件。

可能是什么问题?

html就是这样

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

对于div,z-index为1001,所以我将其设置为fuse-sidebar。但是不行吗?

1 个答案:

答案 0 :(得分:0)

存在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;
}

这解决了我的问题。