html - Making an absolute div hollow? -

currently dilemma have div positioned absolute sitting on top of code (it has sliding animation) cannot access content behind top div..

this has animation, no links or buttons work: http://oxygenrad.io/index.php

this without animated div , has working links , buttons: http://oxygenrad.io/index-2.php

the div that's causing of issues following:

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

i understand destroy div after :xx seconds, ideally wondering if there better solution? want able click through div.

use pointer-events: none; on div follows :

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

the pointer-events property allows control on how html elements respond mouse/touch events – including css hover/active states, click/tap events in javascript, , whether or not cursor visible.

for ie11 can use :

filter:progid:dximagetransform.microsoft.alphaimageloader(src='your_transparent.png', sizingmethod='scale'); background: none !important;