Overlay css

Overlay css

by Ayyappan Sakthivadivel

HTML

<div class="overlay">
        <div class="overlay-content"></div>
    </div>

    <div class="background-content">
        lengthy content here
    </div>

CSS

html, body {
        height: 100%;
    }
                
    .overlay{
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.8);
    }
    
        .overlay-content {
            height: 100%;
            overflow: scroll;
        }
        
    .background-content{
        height: 100%;
        overflow: auto;
    }