如何定制intro.js的覆盖

Question

我想在intro.js中自定义工具提示。(将工具提示的背景颜色更改为蓝色)可以在intro.js中实现吗

Answer 1

1. overlayOpacity属性调整由intojs创建的背景的覆盖不透明度。范围从0到1

在introJs选项中添加overlayOpacity:0以完全删除背景。用于更改工具提示背景的introJs().setOption("overlayOpacity", 0);

• override .introjs-tooltip类。

.introjs-tooltip{ background-color:#0000FF; }

Answer 2

您需要做的就是添加一个新的CSS规则来覆盖.introjs-overlay的background-color

.introjs-overlay {
  background-color: blue;
}

你也可以添加背景渐变，不透明度，任何你想要的。