Номер шага не сверху (introJs)

Question

Я не могу получить номер шага над выделенной областью, как ожидалось. У меня есть версия 0.5 как js, так и css.

Любая идея о том, что проблема afshinm ??

Чрезвычайно много!

Answer 1

У меня такая же проблема, но, к сожалению, я не смог найти чистого решения. В моем случае я считаю, что это связано с использованием 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"); 
}); 

Благодаря этому, эти цифры дальше от содержимого и ничего больше не перекрывается.