php - CSS - website overlay when page is loaded -


im setting website different navigation structure compared whats traditional, , want add overlay on top of site loaded when user enters site first time.

the overlay should fullscreen, black "opacity=50", , im going add simple text how use website. should go away when klicking

im web designer, , have limited knowledge in coding. (some css/html/php)

is there simple way add class this?

thanks feedback

simple enough html

<div id='overlay'>   <div id='contents'>... </div> 

the css:

#overlay {   background-image : url('images/overlay.png');   width:100%;   height:100%;   position: fixed;   top: 0;   left: 0; }  #contents {   width: 300px;   height: 300px;   margin: auto; } 

i use image overlay because opacity setting carried through contents area , no javascript required or ever needs used type of content.


Comments

Popular posts from this blog

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

html - How to style widget with post count different than without post count -

url rewriting - How to redirect a http POST with urlrewritefilter -