步骤编号不在顶部（introJs）答案

【问题标题】：Step number is not on top (introJs)步骤编号不在顶部（introJs）
【发布时间】：2013-09-03 08:49:34
【问题描述】：

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

知道问题是什么吗？？

非常感谢！

【问题讨论】：

继续您提供给我们的信息，它可以是任何东西！
对不起！如果您单击此处，您将看到该页面并能够调查问题：link 非常感谢！
你应该在这里添加相关代码，否则创建一个JSfiddle！
在 JSfiddle 上有效。不知何故，在我们的网站上没有。因此，如果有人愿意提供帮助，他们将不得不快速查看我上面评论中链接上的代码。对不起！

【解决方案1】：

我也有同样的问题，但很遗憾我一直找不到干净的解决方案。在我的情况下，我认为这与使用引导程序 2 有关。我将原因缩小到 stacking contexts 并尝试使用 opacity 修复它，它有效，但产生了更多错误 - 你可以找到更多关于不透明度修复here。

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

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

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

多亏了这个，数字离内容更远了，没有任何重叠了。

【讨论】：