html - 使绝对 div 空心？

Question

目前我的困境是我有一个 div 绝对定位在我所有代码的顶部(它有一个滑动动画)但是我现在无法访问顶部 div 后面的内容..

这有动画，但没有链接或按钮可用:http://oxygenrad.io/index.php

这没有动画 div，但有工作链接和按钮:http://oxygenrad.io/index-2.php

导致我所有问题的 div 如下:

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

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

Answer 1

在你的 div 上使用 pointer-events: none; 如下:

.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;
}

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

对于 IE11，您可以使用:

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