如何在modal上显示纯JavaScript覆盖？

在modal上显示纯JavaScript覆盖可以通过以下步骤实现：

1. 创建一个modal元素：首先，需要在HTML中创建一个modal元素，可以使用div标签来定义modal的结构和样式。
2. 使用JavaScript控制modal的显示和隐藏：通过JavaScript代码，可以控制modal的显示和隐藏。可以使用事件监听器来监听触发modal显示的事件，例如点击按钮或链接。当触发事件时，使用JavaScript代码将modal的display属性设置为"block"，使其显示出来。当需要隐藏modal时，将display属性设置为"none"。
3. 创建覆盖层：为了实现覆盖效果，可以在modal显示时创建一个覆盖层。覆盖层是一个半透明的背景层，可以使用div元素来创建。通过设置覆盖层的样式，例如背景颜色、透明度等，可以实现覆盖效果。
4. 控制覆盖层的显示和隐藏：与modal类似，可以使用JavaScript代码控制覆盖层的显示和隐藏。当modal显示时，将覆盖层的display属性设置为"block"，使其显示出来。当需要隐藏modal时，将display属性设置为"none"。
5. 设置覆盖层的层级：为了确保覆盖层在modal之上，需要设置覆盖层的层级。可以通过CSS的z-index属性来设置层级，确保覆盖层位于modal之上。
6. 其他样式和交互效果：根据需求，可以添加其他样式和交互效果，例如点击覆盖层时隐藏modal，点击modal外部区域时隐藏modal等。

腾讯云相关产品推荐：

• 云服务器（CVM）：提供弹性计算能力，可满足各种规模的业务需求。详情请参考：腾讯云云服务器
• 云函数（SCF）：无服务器计算服务，可实现按需运行代码，无需关心服务器管理。详情请参考：腾讯云云函数
• 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，适用于各种应用场景。详情请参考：腾讯云云数据库MySQL版
• 人工智能机器学习平台（AI Lab）：提供丰富的人工智能开发工具和服务，帮助开发者快速构建和部署AI模型。详情请参考：腾讯云人工智能机器学习平台
• 云存储（COS）：提供安全可靠、高扩展性的对象存储服务，适用于存储和处理各种类型的数据。详情请参考：腾讯云云存储
• 区块链服务（BCS）：提供简单易用的区块链开发和部署服务，帮助企业快速构建区块链应用。详情请参考：腾讯云区块链服务

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。