2013-04-12 5 views
10

Używam bardzo interesującej biblioteki javascript intro.js.Intro.js: podświetlony obszar nie działa zgodnie z oczekiwaniami

Jednak w mojej aplikacji obszar wysokiego poziomu staje się prawie całkowicie biały.

Zgaduję, że jest to jakiś konflikt CSS, ale co mogę zrobić, aby określić przyczynę tego problemu? enter image description here

+0

Czy próbowałeś to debugować? Używając firebuga w wbudowanej mozilli lub chrome, sprawdź? –

+0

Tak, wypróbowałem zarówno narzędzia firebug, jak i chrome dev. Próbowałem włączyć/wyłączyć niektóre linie css w panelu "style", ale nie mogłem zobaczyć żadnego widocznego efektu na stronie. – pvieira

+0

Wydaje się być znanym błędem z intro.js bez rozwiązania na razie https://github.com/usablica/intro.js/issues/109 – feitla

Odpowiedz

0

nie widzę żadnego jsFiddle ani żadnego przykładu online problemu ale staram się odpowiedzieć na to pytanie w ten sposób:

  1. To wydaje używasz innej biblioteki UI jak ExtJS lub coś, Upewnij się, że nie masz żadnych konfliktów CSS.
  2. Spróbuj zmienić data-intro i data-step innego elementu, na przykład jeśli teraz masz data-intro i data-step w elemencie form, zmienić go na górnym elemencie lub div.
+0

Tak, używam ExtJs. Jest to zdecydowanie jakiś konflikt z udziałem indeksu Z. Niestety nie udało mi się zbadać dalej i łatwiej jest znaleźć alternatywę. Dzięki i tak. – pvieira

+1

@pvieira Próbuję naprawić problem w kolejnych wersjach. –

0

W wersji Introjs.css ustawienie tego z-index na 1 dla klasy introjs-helperlayer rozwiązuje ten problem. Jednak nie znam pełnej implikacji tej zmiany.

2

Jest to typowe dla użytkowników korzystających z elementu wiersza tabeli. Rozwiązuję moje, dodając te linie do css.

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