JSFiddle - React, Tailwind, and code Playground

by dejancolic

HTML

<html>
    <head>Foo</head>
    <body>
    <div id='fade'>
    </div>

    <div id='main'>
        <ul>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
            <li>Foo</li>
        </ul>
    </div>
        
        
    </body>

CSS

#fade{
    position: absolute;
    z-index: 10;
    opacity: 0.7;
    backgronud-color: black;
    width: 100%;
}
#main{
    position: absolute;
    z-index: 100;
}