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

回答