Link to home
Start Free TrialLog in
Avatar of tonelm54
tonelm54

asked on

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
Avatar of Anil Golamari
Anil Golamari
Flag of United States of America image

http://www.hscripts.com/scripts/JavaScript/disable-parent-window.php

Is this link is of any helpful foryou. Check it out.
ASKER CERTIFIED SOLUTION
Avatar of Peter Hart
Peter Hart
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
on the tutorial link I've given you - change the opacity to 100 to achive a white backbackground
try this simple one also

div.whiteDivOverlay
{
   background-color:#ffffff;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
  z-index: 10000;
}

this will completely whitewash the screen :)