intro.js 在具有固定元素的 Mozilla 上无法正常工作答案

【问题标题】：intro.js not working well on mozilla with fixed elementsintro.js 在具有固定元素的 Mozilla 上无法正常工作
【发布时间】：2016-07-20 09:48:02
【问题描述】：

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

编辑：

我修复了 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;
}

【问题讨论】：

Intro.js 作者在这里。你能分享一个在线例子吗，也许是 jsFiddle？
嗨，我更新了问题，修复了 mozilla，但在 IE 中它仍在调整大小。我发现问题出在 position: absolute 上 .introjs-fixParent 上。如果我从 IE 中删除它效果很好。顺便说一句，图书馆的工作很好:)
干杯，是的，这是一个已知问题，我会为下一个版本找到解决方案。对此感到抱歉。

标签： firefox mozilla intro.js

【解决方案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;
}

【讨论】：