Overlay css

Overlay css

by Ayyappan Sakthivadivel

HTML

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

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

CSS

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