Covering Links with Div

display: block;

by BinaryAcid

HTML

<div id="disablingDiv" ></div>

<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>
<br>
<a href="#" class="myLink">Hello</a>

CSS

#disablingDiv {

    display: block; 
    z-index:1001;
     
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 130px; 
    height: 130px; 
 
    /* make it white but fully transparent */
    background-color: gray; 
    opacity:.50; 
    filter: alpha(opacity=00); 
}

JavaScript

$(document).ready(function() {

    
$('.myLink').click(function() {
    alert("hello");
});
  

});