Full screen Overlay using CSS only
Sometimes you need your entire browser window with a black tint in the background and make a popup at the center of the screen. Normally this technique is used for displaying a login window without moving from existing page or displaying a video, when a user clicks on a link or button in a web page.
Full screen Overlay Effects
Full Page Overlay Window
Click the following button then you will get a full screen overlay with a pop-up window.
The popup screen is a Login screen (its an image) and at the right above of the window there is a closing button also. The login window is not a separate window of the web browser that is opened but rather a div that overlays the existing web page. The overlaying div is a transparent covers to your page data and lets the user knows that they can get back to the parent page by closing the popup window that is on top right.
More about CSS Overlay....CSS Overlay Techniques