JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<span id="element1">Element1</span>
<span id="element2">Element2</span>
<span id="overlay">Overlay</span>

CSS

#element1, #element2
{
    width:75px;
    height:75px;
    background: #EEEEFF;
    border: solid 1px #C0C0C0;
    display:inline-block;
    vertical-align:top;
}
#overlay
{
    width:75px;
    height:75px;
    background: #999999;
    position: absolute;
    top:60px;
    left:62px; 
    opacity: 0.5;
    filter: alpha(opacity=50);                             
}

JavaScript

$('#element1').click(function() { alert('element1'); });
$('#element2').click(function() { alert('element2'); });
$('#overlay').click(function() { alert('overlay'); });