Javascript 透明DIV覆盖

好的，下面是我想做的：

• 我有一个页面结构，有几个

  div

  s，嵌套

  div

  s，等等
• 我想处理两种不同类型的事件：单击并悬停
• 对于这两个事件，我需要一个透明的

  DIV

  覆盖（带有一些色彩？）在前面提到的

  DIV

  覆盖所有事件

如何做到这一点

有什么想法吗

---

---

这里有一个小问题：（尽管我无法正确显示它-实际上它是一个jQuery移动页面…

在这种情况下，我会选择：after伪类。 只需在CSS上添加以下内容：

.msp-selected-hover:after {
    content: ' ';
    position: absolute;
    background: rgba(0,0,120,0.4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

您可能希望为悬停和单击创建不同的类，并且只针对某些元素

---

您编辑的小提琴：

如果您希望在另一个块的顶部有一个块，并且能够单击下面的块，则必须使用

指针事件：无

CSS3属性

---

您能提供一个虚拟内容的小提琴吗？请详细说明。你是希望它覆盖所有div、嵌套div等，还是只覆盖特定的div或什么？也许可以为您的结构添加一个JSFIDLE.net，我们可以为您提供解决方案。好的，请稍等。@HashemQolami请查看更新后的原始问题。抱歉，我无法完全理解您的意图。你只是想给它上色？