Css 如何使基础div不可读取？

我制作了叠加div：

position: absolute; top: 0; left: 0; widht: 100%; height: 100%;

基本上我希望这个覆盖div覆盖我的整个页面。它满足了我的需要，但我也需要底层div不可读取。它们确实不可攀爬，但只有在FF、Safari和Chrome中。在IE和Opera中，您仍然可以单击下面的按钮

---

有人知道如何实现这种“不可点击的基本行为”吗？

为覆盖div添加onclick处理程序。

您还需要使用z-index来确保新div位于其他所有内容之上。如果没有这个属性，你将任由浏览器决定哪一个将位于顶部并接收onclick

---

还要注意一个已知的IE（旧版本）错误，即输入类型选择忽略了z-index

如果您使用的是类似jQuery的东西，您可以执行以下操作

$("a:not(.overlay)").click(function(e) { e.preventDefault(); });
$("input:not(.overlay)").click(function(e) { e.attr("disabled", "disabled"); });

您将为覆盖中的所有内容（链接、按钮等）提供覆盖类，这将有效地禁用页面上的所有其他内容。

t覆盖CSS包括：

z-index: 10000;

---

将处理它。

这可以使用javascript轻松完成：

• 创建一个div，用高z索引屏蔽整个页面
• 使遮罩捕捉所有咔哒声
• 移除遮罩后，页面将再次可单击

当然，这种方法可以用于所有dom元素，而不仅仅是主体

var mask = $('<div></div>')
  .css({
    position: 'absolute',
    width: '100%',
    height: '100%',
    top: 0,
    left: 0,
    'z-index': 10000
  })
  .appendTo(document.body)
  .click(function(event){
    event.preventDefault();
    return false;
   })

var mask=$（“”）
.css({
位置：'绝对'，
宽度：“100%”，
高度：“100%”，
排名：0，
左:0,，
“z指数”：10000
})
.appendTo（document.body）
。单击（功能（事件）{
event.preventDefault（）；
返回false；
})

---

这里的工作示例：

这在.class {pointer-events: none;}