I created a transparent div with text on top to enhance its brightness. However, the issue is that this div loads first when the page is initially loaded, which doesn't look good. I want the div to load after all other content on the page has loaded.
Here is the CSS code for my div:
#abc {
position:absolute;
top:228px;
width:852px;
height:160px;
background-color:rgba(0,0,0,.3);
border-radius:8px;
}
I am implementing it in my view as follows:
<div id="abc">
<h1><?php echo Configure::read('SearchBarHeading');?></h1>
<h2><?php echo Configure::read('SearchBarSubheading');?></h2>
</div>
Can anyone advise me on how to initially hide this div and then show it only after the entire page has loaded?