2016-07-20 29 views
0

Ich benutze intro.js für Tutorials auf meiner Website. Es funktioniert gut auf chrome, aber jetzt habe ich versucht in Mozilla Firefox und das Fenster bewegt sich, wenn markiert. Wer weiß, warum das passiert?intro.js funktioniert nicht gut auf Mozilla mit festen Elementen

EDIT:

ich für mozilla firefox fixiert, die CSS zu aktualisieren, aber für IE ist es immer noch nicht funktioniert

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .introjs-fixParent { 
     position: absolute !important; 
    } 
} 
.introjs-fixParent { 
    z-index: auto !important; 
    opacity: 1.0 !important; 
    -webkit-transform: none !important; 
    -moz-transform: none !important; 
    -ms-transform: none !important; 
    -o-transform: none !important; 
    transform: none !important; 
} 
+0

Intro.js Autor hier. Kannst du bitte ein Online-Beispiel teilen, jsFiddle vielleicht? –

+0

Hallo, ich habe die Frage aktualisiert, mit einem Fix für Mozilla, aber im IE ist es immer noch die Größe zu ändern. Ich habe herausgefunden, dass das Problem "Position: absolut" auf ".introjs-fixParent" ist. wenn ich von IE entferne, funktioniert es gut. Schöne Arbeit an der Bibliothek btw :) – terrorista

+0

Prost, ja, es ist ein bekanntes Problem, und ich werde eine Lösung für die nächste Version finden. Das tut mir leid. –

Antwort

0

Meine Lösung dieses durch die Orignal intro.js CSS-Bearbeitung war zu lösen:

** Dies funktioniert für Mozilla Firefox und IE

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .introjs-fixParent { 
     position: relative !important; 
    } 
} 

.introjs-fixParent { 
    z-index: auto !important; 
    opacity: 1.0 !important; 
    -webkit-transform: none !important; 
    -moz-transform: none !important; 
    -ms-transform: none !important; 
    -o-transform: none !important; 
    transform: none !important; 
}