CSS and black out background

Im looking to show a div in the centre of my page, and then disable all other controls on the page.

My idea is to have a div with absolute positioning, and then set the background colout to solid white, so you cant see anything in the background.

I know how to show the div, but have no idea how to set the background of the div, or float the div on top of everything else.

Any ideas would be appriciated.

Thank you
Who is Participating?
chilternPCConnect With a Mentor Commented:
it will involve javascript.
there's a tutorial here:
Anil GolamariCommented:

Is this link is of any helpful foryou. Check it out.
on the tutorial link I've given you - change the opacity to 100 to achive a white backbackground
Gurvinder Pal SinghCommented:
try this simple one also

   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
  z-index: 10000;

this will completely whitewash the screen :)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.