Astro driver.js
入门介绍
安装 基本用法 配置 API 参考 定制主题 迁移到 1.x
示例
动态导览 静态导览 自定义弹出框 显示进度 异步导览 退出确认 禁止关闭 定制彩色遮罩层 弹出框位置 弹出框按钮 简单高亮

定制彩色遮罩层

您可以使用`overlayOpacity`和`overlayColor`选项来自定义覆盖层的不透明度和颜色，以改变覆盖层的外观。

注意：在下面的示例中，我们使用了`highlight`方法来高亮显示元素。相同的配置也适用于导览步骤。

遮罩层颜色

以下是一些具有不同覆盖层颜色的driver.js示例。

import { driver } from "driver.js";
    import "driver.js/dist/driver.css";
    
    const driverObj = driver({
      overlayColor: 'red'
    });
    
    driverObj.highlight({
      popover: {
        title: 'Pass any RGB Color',
        description: 'Here we have set the overlay color to be red. You can pass any RGB color to overlayColor option.'
      }
    });