#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2007
    Location
    New England, USA
    Posts
    75
    Rep Power
    12

    Does anyone know how to build those transparent popups that aren't real popups?


    Ive seen a few of those transparent popups that appear on certain websites...but they don't envoke popup blockers so, I'm assuming they are some manipulation of CSS?

    When they popup, it appears that the rest of the screen grays down a bit until you take action on the popup.

    Any ideas?

    Thanks all!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2009
    Location
    United States
    Posts
    119
    Rep Power
    139
    I'm guessing you're meaning stuff like this. That particular method uses JavaScript + CSS. I don't think CSS alone can do that.

    Comments on this post

    • agrees : You must use CSS w/ JS.
  4. #3
  5. No Profile Picture
    tom_cos
    Guest
    Devshed Newbie (0 - 499 posts)

    CSS Popup


    I think you are looking for something similar to what is discussed here:
    CSS Popup

    Hope this is helpful!
    Last edited by tom_cos; May 29th, 2009 at 03:16 PM. Reason: embed link to web page
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2007
    Location
    New England, USA
    Posts
    75
    Rep Power
    12
    Originally Posted by tom_cos
    I think you are looking for something similar to what is discussed here:
    CSS Popup

    Hope this is helpful!
    Thanks!...I think thats what I'm looking to do. Ill give it a shot and post back.

    Thanks again!

    Stephen
  8. #5
  9. Eager to learn
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Jan 2009
    Location
    Maryland, USA
    Posts
    2,223
    Rep Power
    2183
    Well..technically you could. Have a div that contains all the popups. Make this perfect on one page. Then insert it into your page. Make sure to utilize z-index..next you would move it position:relative; left:-999em; and then when you hover on an element, such as the <body> then move the element back..

    But this wouldn't work with IE6...
    "Quality of responses may vary. I reserve the right to change my mind for any reason what-so-ever without admitting I was wrong. I'd prefer to change your mind however, it's easier on my ego". - jwdonahue

    "so no-one has actually bothered to post an original quote ? what's wrong with making up your own?"
    - marnixR

IMN logo majestic logo threadwatch logo seochat tools logo