Solved

Place a semi-transparent div layer over the entire screen?

Posted on 2004-08-08
3
2,271 Views
Last Modified: 2008-02-01
Im showing an error message (with an absolutely positioned div) and i want to shade the HTML behind it to prevent the user from clicking on anything.  Similar to the behavior of a modal window.  Im able to create the transparent div, but i cant set the height and width properly in CSS to always be 100%.  The problem is: when I increase the size of the browser window, the shaded div doesnt stretch.  Any ideas?
0
Comment
Question by:soBC
3 Comments
 
LVL 8

Expert Comment

by:CoolATIGuy
ID: 11749214
0
 
LVL 36

Accepted Solution

by:
Zyloch earned 250 total points
ID: 11749216
Hi

http://javascript.about.com/library/scripts/blmodaldialog.htm has a script that mimics this. If you don't want to use that script, I can analyze it and see how it makes the background shade the whole thing.

Regards,
Zyloch
0
 

Author Comment

by:soBC
ID: 11749342
Excellent.  Worked as advertised.  Even saved me the trouble of writing the script.  I need to start thinking a little more about what i type into Google.  Either that or come up with harder questions...
0

Featured Post

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

789 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question