步数不在最前面(introJs)

时间:2013-09-03 08:49:34

标签: intro.js

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

enter image description here

知道问题是什么吗?

感谢很多!

1 个答案:

答案 0 :(得分:0)

我有同样的问题,但不幸的是我一直无法找到一个干净的解决方案。在我的情况下,我认为它与使用bootstrap 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");
});

多亏了这个,数字离内容越来越远,没有任何重叠。