JSFiddle - React, Tailwind, and code Playground

by Flandre

HTML

<div>
    Other stuff
</div>
<table width="500px" cellpadding="10">
    <tr>
        <td class="TD_U">
            <input type="text" value="Element that should stand out">
        </td>
        <td class="TD_U">
            <input type="text" value="Element that should stand out">
        </td>
        <td>
            Element that will NOT stand out
        </td>
    </tr>
</table>

<div>
    Other stuff
</div>
                

<div id="curtain" style="position: fixed;top: 0px;left: 0px;height: 100%;background-color: black; width: 100%;z-index:12345677;"/>

CSS

.TD_U
{
z-index: 12345678; 
position:relative
}

JavaScript

var $editCurtain = $('#curtain').css("opacity", 0.5).on("click", function(e) {

    rowBlur();
    $editCurtain.hide();
}).show();