javascript - Intro.js:突出显示区域未按预期工作

Question

我正在使用非常有趣的 javascript 库 intro.js .

但是，在我的应用程序中，突出显示的区域几乎变成了白色。

我猜这是一些 CSS 冲突，但我能做些什么来确定这个问题的原因呢？

Answer 1

摘自问题 #109 ( https://github.com/usablica/intro.js/issues/109 ):

.introjs-helperLayer {
    background: transparent;
}

.introjs-overlay {
    opacity: 0 !important;
}

.introjs-helperLayer:before {
    opacity: 0;
    content: '';
    position: fixed;
    width: inherit;
    height: inherit;
    border-radius: 0.5em;
    box-shadow: 0 0 0 1000em rgba(0,0,0, .7);
    opacity: 1;
}

.introjs-helperLayer:after {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000;
}

这将解决您的问题。希望它对我有帮助!向在 GitHub 中提供答案的@weili1977 和@exoJSON 致敬。