intro.js在具有固定元素的mozilla上运行不正常(intro.js not working well on mozilla with fixed elements)

我在我的网站上使用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; }

I'm using intro.js for tutorials in my website. It's working well on chrome, but now I tried in Mozilla Firefox and the window is moving when highlighted. Anyone know why this is happening ?

EDIT:

I fixed for mozilla firefox, updating the css, however for IE it's still not working

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

最满意答案

我解决这个问题的方法是编辑orignal 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; }

My solution to solve this was by editing the orignal intro.js css:

**This works for mozilla firefox and 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; }

更多推荐