Disable Transparent Div At The Time Of Page Loading & Want To Show After Page Load

I have made a transparent div which has some text over this div to show to make it more bright. But the problem is at the first time of loading the page this div is loading first ,

Solution 1:

Hide it with CSS and then display it using jQuery

CSS

#abc {
    position:absolute;
    top:228px;
    width:852px;
    height:160px;
    background-color:rgba(0,0,0,.3);
    border-radius:8px;
    display: none;
    }

jQuery JS

$(document).ready(function() {
    $('#abc').show();  // or you can use .fadeIn()
});