2016-07-20 20 views
0

我在我的网站上使用intro.js作为教程。它在chrome上运行良好,但现在我尝试了Mozilla Firefox并且窗口在高亮显示时移动。任何人都知道这是为什么发生?intro.js在固定元素的mozilla上工作不正常

编辑:

我固定的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; 
} 
+0

Intro.js笔者就在这里。你可以请一个在线的例子,jsFiddle可能吗? –

+0

嗨,我更新了问题,修复了mozilla,但在IE中它仍在调整大小。我发现问题出现在'.introjs-fixParent'上的'position:absolute'上。如果我从IE中删除它效果很好。在图书馆btw好的工作:) – terrorista

+0

欢呼,是啊这是一个已知的问题,我会找到下一个版本的解决方案。对于那个很抱歉。 –

回答

0

我的解决方案来解决,这是通过编辑一部开拓创新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; 
} 
相关问题