如何用另一个div覆盖div

Question

说我的网页上有div-B-Z。我有div A，它在

的最开头插入

  position: absolute !important;
  height: 100% !important;
  width: 100% !important;

基本上跨越整个浏览器页面。但是，隐藏了div A.

现在，我正在尝试实现文件上传拖放功能。这个想法是这样的：div A一旦页面加载就会被隐藏，并且在用户将文件拖到浏览器之前一直保持隐藏状态。此时，div A显示自身，覆盖所有其他元素，然后在下降后，它再次隐藏自己。

在意识到jquery / ember dragLeave事件在进入或离开任何子元素时触发后，我现在正在寻找一种方法来对所有其他元素进行div覆盖，以便发生任何和所有鼠标事件。 div A甚至没有为其下面的元素注册。实际上，当div显示时，甚至不应该看到其他元素。有点像photoshop图层。

我试过Z-index无济于事。

为了清楚起见，divs B-Z不是div A的子元素; div A在所有其他div之前插入。

Answer 1

div A应该在所有其他div之后，如果你想让它在它们之上（这将在没有z-index的情况下工作）。只要其他元素也没有z-index，正z-index应该有效。