Intro.js：突出显示区域无法正常工作

然而，在我的应用程序，该highligted区域变得几乎完全白色。

我猜，这是一些CSS冲突，但我能做些什么来确定这个问题的原因是什么？ enter image description here

2013-04-12 pvieira

你试过调试过吗？使用mozilla中的firebug或chrome的内置检查？ –

是的，我尝试了萤火虫和铬开发工具。我试图启用/禁用“样式”面板上的一些CSS行，但我不能在页面上看到任何可见的效果。 – pvieira

似乎是一个已知的错误与intro.js没有解决方案但https://github.com/usablica/intro.js/issues/109 – feitla

我没有看到任何的jsfiddle或您的问题的任何在线的例子，但我尽量回答你的问题是这样的：

它似乎你使用像ExtJS的或什么其他的UI库，确保你没有任何CSS冲突。
尝试改变 data-intro和data-step在另一个元素，例如，如果现在你在form元素的data-intro和data-step，它改变的上层元素或div。

2013-04-13 03:39:14

是的，我使用ExtJs。这绝对是涉及z-index的一些冲突。不幸的是，我无法进一步调查，找到替代品更容易。不管怎么说，还是要谢谢你。 – pvieira

@pvieira我正试图解决进一步版本中的问题。 –

在Introjs.css中，将introjs-helperlayer类的z-index设置为1可修复此问题。但是，我不知道这个变化的全部含义。

2013-05-07 13:50:14 Karthik

我设置为绝对目标元素位置（在相应的CSS）和它的作品吧！看到这里 - http://prntscr.com/1dl0db

2013-07-04 21:43:13

你想突出显示表行（）？如果是的话，我也遇到过这个问题。有人张贴在GitHub的问题，部分修复：https://github.com/usablica/intro.js/issues/146

2013-08-19 13:11:43

这是使用表行元素的用户普遍。我通过将这些行添加到CSS来解决我的问题。

.introjs-relativePosition > td { position: relative; } 
.introjs-showElement > td { z-index: 9999999 !important; }

2014-10-28 05:06:40

回答