intro.js - 步骤编号不在顶部（introJs）

Question

我似乎无法按预期获得突出显示区域顶部的步数。我有 js 和 css 的 0.5 版本。

知道问题是什么吗？

多谢！

Answer 1

我有同样的问题，但不幸的是我一直无法找到一个干净的解决方案。就我而言，我认为这与使用引导程序 2 有关。我将原因缩小到堆叠上下文，并尝试修复它，这有效，但产生了更多错误 - 您可以在此处opacity找到有关不透明度修复的更多信息.

如果您不想阅读所有文本 - 浏览您使用 intro.js 突出显示的元素的父元素并添加“不透明度：0.99”，您可能很幸运能够解决问题而不会遇到其他问题.

但是，如果这是不可能的，那么我采用的解决方案是通过 intro.jsonchange回调重新定位数字，如下所示：

intro.onchange(function(targetElement) {
   $(".introjs-helperNumberLayer").css("top", "-32px");
   $(".introjs-helperNumberLayer").css("left", "-1px");
});

多亏了这一点，数字离内容更远了，不再有任何重叠。