javascript - 创建警报消息

Question

我想用 jQuery 创建我自己的简单警报对话框。两个问题:在用户单击警报中的“确定”按钮之前，如何禁止人们单击正文中的任何元素？还有，如何让 body 除了一种元素之外全黑？谢谢。

Answer 1

放置一个对所有内容部分不透明的 div。典型的CSS:

.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: .7;
  background-color: #000;
  width: 100%;
  height: 100%;
}

现在在 .cover div 上放置一个定位的 div(对话框)，并为该对话框指定更高的 z-index。