Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > div popup - background mask

Thread Tools

div popup - background mask
Posts: n/a

i am interested in duplicating a feature ive seen on Netflix -- one by
which a faux-popup (div-based popup) becomes visible, and the
background is masked in a translucent gray.

i am about to start delving into this, but i wanted to see if anyone
had the general technique down already. trying to analyze their site, but its muddy. my guess is its two
w/ two divs -- 1) the mask layer, which is 100% WxH, w/ the semi-opaque
gray. 2) the "popup" div, which is z-indexed on top of #1, w/ no mask.


Reply With Quote
Posts: n/a
i did this. my approach was to have two divs:

1) the background mask, height & width set to 10)%. background-color of
black and using an IE filter to reduce its opacity to 15% (my app is
IE-only intranet)

2) the popup/dialog window, centered, which looks like a post-it note
w/ a slight fuzzy dropshadow. it has a higher z-index than the mask
div, so it is 100% opacity, which makes it the central focal point.

the dialog div also has an "X" in its top-right corner, for closing the
dialog and canceling the mask layer.



Reply With Quote

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Conversion mask in hex to bit mask Marcin Tyman Ruby 4 05-06-2008 08:15 PM
DIV background-repeat background-image? For shadow effect jc ASP .Net 3 03-19-2008 04:19 PM
[networking] Convert subnet mask <=> mask length 187 Perl Misc 2 07-29-2004 10:31 AM
Main > Popup > Popup > Close popup AND new URL in main? Jens Peter Hansen Javascript 7 06-19-2004 08:56 PM
[DIV][CSS][TAB] Div mask my input Franck DARRAS HTML 0 02-27-2004 01:24 PM