intro.js在固定元素的mozilla上工作不正常

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

來源

2016-07-20 terrorista

Intro.js筆者就在這裏。你可以請一個在線的例子，jsFiddle可能嗎？ –

嗨，我更新了問題，修復了mozilla，但在IE中它仍在調整大小。我發現問題出現在'.introjs-fixParent'上的'position：absolute'上。如果我從IE中刪除它效果很好。在圖書館btw好的工作:) – terrorista

歡呼，是啊這是一個已知的問題，我會找到下一個版本的解決方案。對於那個很抱歉。 –

我的解決方案來解決，這是通過編輯一部開拓創新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; 
}

來源

2016-07-20 14:03:13 terrorista

intro.js在固定元素的mozilla上工作不正常

回答

相關問題