弹出提示框后整个页面变暗，包括提示框也是暗的，我需要的是提示框是亮的，怎么操作

你可以通过设置提示框的 CSS 样式来实现提示框背景亮的效果。具体做法如下：

1. 给提示框添加一个 CSS 类名，比如 `bright-box`。

2. 在 CSS 文件中定义 `bright-box` 类的样式，将背景色设置为白色或其他亮色，如下所示：

.bright-box {
  background-color: #fff; /* 将背景色设置为白色 */
  /* 其他样式属性... */
}

3. 在 JavaScript 中打开提示框时，除了弹出提示框外，还需在页面上添加一个类似遮罩的元素，将其背景色设置为半透明黑色，用来遮挡页面并突出显示提示框。可以使用类似如下代码实现：

const mask = document.createElement('div');
mask.classList.add('mask'); // 添加 CSS 类名
document.body.appendChild(mask); // 将遮罩添加到页面中

4. 在 CSS 文件中定义 `mask` 类的样式，将其背景色设置为半透明黑色，如下所示：

.mask {
  position: fixed; /* 将遮罩定位在窗口中 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); /* 将背景色设置为半透明黑色 */
  z-index: 1000; /* 将遮罩置于提示框之上 */
  /* 其他样式属性... */
}

这样做可以实现提示框背景亮的效果，而页面其他区域则被遮挡并变暗。