Web端实现新手向导的两种方式

[Alan]

Web端实现新手向导的两种方式_20180422

Web端实现新手向导的两种方式
需求背景：页面采用react渲染

方式一：

• 实现方式：利用html页面元素原生z-index属性
• 缺点：fixed布局有个‘从父原则’。
• 截图效果：
• 参考来源：
• Demo：

{}

方式二：

• 实现方式：利用html页面原生cloneNode接口
• 缺点：比如canvas类型元素就无法克隆，需要单独处理
• 截图效果：
• 参考来源：
• Demo：

{}