JSFiddle - React, Tailwind, and code Playground

HTML

<div class="overlay"></div>
<div id="something" class="content">
    <a href="#something">CAN THIS BE CLICKABLE IN ANY WAY? </a>
</div>

CSS

.content {position: relative; width: 100%; height: 100%; z-index:1; padding: 40px;}
.overlay {position: fixed; width: 100%; height: 100%; z-index:2; background-color: rgba(0,0,0,.1);}
:target
{
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}