CodePen

HTML

            
              <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>none</title>
</head>
<body>
<a href="#">block</a>
<div class="none style"><span>click</span></div>
click
</body>
</html>

            
          
!
via HTML Inspector

CSS

            
              .none { display:none; } 
.none:before { position:fixed; top:0; left:0; content:' '; padding:99%; z-index:999;} 
.none:active:before { padding:0; } 
.none:hover, .none:active, a:active +* { display:block; }
.none >* { position:absolute; z-index:999; }
.style { padding:21px; background:#999;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................