고정 요소가있는 mozilla에서 intro.js가 제대로 작동하지 않습니다.

내 웹 사이트의 자습서에 intro.js을 사용하고 있습니다. chrome에서 잘 작동하지만 지금은 Mozilla Firefox에서 시도했지만 강조 표시된 창은 이동 중입니다. 왜 이런 일이 일어나는 지 아십니까?고정 요소가있는 mozilla에서 intro.js가 제대로 작동하지 않습니다.

편집 :

나는 CSS를 업데이트, 모질라 파이어 폭스 고정 그러나 IE 것은 여전히 시킴으로 빨리 intro.js의 CSS를 편집하여이이었다 해결하기 위해

@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; 
}

출처

2016-07-20 terrorista

Intro.js 저자는 여기에 모질라 파이어 폭스와 IE에 적용됩니다. 온라인 예제 jsFiddle를 공유해 주시겠습니까? –

안녕하세요, 저는 mozilla에 대한 픽스로 질문을 업데이트했지만 IE에서는 여전히 크기가 변경되었습니다. 문제가'.introjs-fixParent'에서'position : absolute'에 있음을 알게되었습니다. IE에서 제거하면 잘 작동합니다. 라이브러리 btw에 좋은 작품 :) – terrorista

건배, 예 그것은 알려진 문제이고 나는 다음 버전에 대한 해결책을 찾을 수 있습니다. 미안합니다. –

내 솔루션을 작동하지 않습니다 :

를

은 **이

@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; 
}

출처

2016-07-20 14:03:13 terrorista

고정 요소가있는 mozilla에서 intro.js가 제대로 작동하지 않습니다.

답변

관련 문제