intro.js移动底层元素的左侧和彼此重叠

我试图在一个流星项目安装intro.js：intro.js移动底层元素的左侧和彼此重叠

intro.js elemeent positioning

我使用自举3和流星。我想知道元素的位置是否需要以不同的方式显示。

var intro = introJs(); 

    intro.setOptions({ 
     steps: [ 
      { 
       element: '#newGame', 
       intro: 'welcome to step one' 
      }, 
      { 
       element: '#openModal', 
       intro: 'step two challenge a friend' 
      } 
     ] 
    }); 
    intro.start(); 



<a href="#" class="btn btn-primary" id="newGame">Play Random Opponent</a> 
         <button class="btn btn-primary" data-toggle="modal" id="openModal" 
           data-target="#challengeModal">Challenge a Friend</button>

来源

2014-11-21 Sean L

你是怎么在流星上安装intro.js的。 – 2016-09-07 05:18:04

目前webkit浏览器上的intro.js存在问题。该图书馆与fireFox和IE很好，但是当涉及到Chrome/Opera/Safari时，它有这个问题。问题在于z-index。

有关该问题的访问详细信息： https://github.com/heelhook/chardin.js/issues/26

上的z-index与访问是如何工作的详细解释： https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context

如果你想更简单的库，做同样的intro.js则有看看guide.jshttps://github.com/Dozyatom/guide.js

来源

2015-05-11 11:38:05 Max

我们看到一个类似的问题，一旦一个元素被introJS定位，它会添加一个名为的类导致头寸稍微转移。

我们通过覆盖在CSS

.introjs-relativePosition { 
    position: initial !important; 
}

来源

2016-05-16 19:36:24 codestr

规则也许你可以前introJs开始使用setTimeout功能解决了这个问题。下面的代码适用于我

setTimeout(function() { introJs().start(); }, 5000);

来源

2016-06-27 03:30:51 budi

intro.js移动底层元素的左侧和彼此重叠

回答

相关问题