Solved

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

Posted on 2004-08-08
3
2,269 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Problem to be resolved in this article Currently, development of website and web application can be done without writing thousands of lines of programming code by hand. Description This can be done through by using a open source framework such …
Accessibility and Usability are two concepts that seem to be closely related.  But, too many people seem to have a distorted perception of them. During last five years, those two words have come to the day-to-day work of almost every web develope…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to dynamically set the form action using jQuery.

863 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now