Html 让一个绝对的div是空的？

目前我的困境是，我有一个div位于我所有代码的顶部（它有一个滑动动画），但是我现在无法访问顶部div后面的内容

这有动画，但没有链接或按钮可用：

这没有动画div，并且具有工作链接和按钮：

导致我所有问题的div如下所示：

<div class="reveal open">
</div>

---

我知道我可以在：XX秒后销毁div，但理想情况下我想知道是否有更好的解决方案？我想要做的就是点击div.

使用

指针事件：无在您的div上，如下所示：

.opened {
  background: url(http://uploadir.com/u/9btuxs9t) 0px 660px, url(http://uploadir.com/u/9btuxs9t) 0px -735px;
  pointer-events: none;
  background-repeat: no-repeat;
}

指针事件属性允许控制HTML元素如何响应鼠标/触摸事件，包括CSS悬停/活动状态、Javascript中的单击/点击事件，以及光标是否可见

对于IE11，您可以使用：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background: none !important;

您可以尝试使用
指针事件：无
（有关详细信息，请参见第页）。但是请注意，它不会与IE<11一起工作。
而不是
指针事件：无
正如一些人所建议的，只需添加
z-index:0到您的
。打开的
类。适用于所有传统浏览器，而
指针事件
不适用。
@JamesLawson正如我和Mir所建议的，这只适用于IE的最新版本。您应该使用
z-index:0而不是跨浏览器兼容性（见下面我的答案）。@JamieBarker你说得有道理，但对于他当前的代码，你的解决方案会破坏他的效果。.我唯一的问题是我有
。将
显示为
z-index:2
以确保它位于其余部分之上。添加
z索引：0将其重新定位到某些内容后面。我可能可以将其应用到原始样式表css中，但是我现在无法访问我的原始副本，手头上唯一的版本是模糊的。@JamesLawson不管怎样，您当前的答案在许多人仍在使用的浏览器上都不起作用。您需要设置
z-index:0添加到该容器中，或者如果不再需要该元素，则将其完全移除。