如何自定义intro.js的叠加层

Question

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

Answer 1

您需要做的就是添加新的CSS规则来覆盖.introjs-overlay的{​​{1}}：

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

您还可以添加背景渐变，不透明度，无论您想要什么。

Answer 2

1. overlayOpacity属性调整由intojs创建的背景的叠加不透明度。范围是0到1

   在introJs选项中添加overlayOpacity:0以完全删除背景。 introJs().setOption("overlayOpacity", 0);

2. 覆盖.introjs-tooltip类以更改工具提示的背景。

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