intro.js 在带有固定元素的 mozilla 上运行不佳

Question

我在我的网站上使用 intro.js 作为教程。它在 chrome 上运行良好，但现在我在 Mozilla Firefox 上尝试过，window 在突出显示时正在移动。有人知道为什么会这样吗？

编辑：

我修复了 mozilla firefox，更新了 css，但是对于 IE，它仍然无法正常工作

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

Answer 1

我解决这个问题的办法是编辑原来的 intro.js css:

**这适用于 mozilla firefox 和 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;
}

intro.js 在带有固定元素的 mozilla 上运行不佳

intro.js not working well on mozilla with fixed elements

firefox

mozilla

intro.js