Lightbox is a jQuery/CSS technique used to display additional content instead of using a popup. The inserted content is displayed in a portion of the browser window, and the rest of the window is dimmed out.

Many sites use this technique. A good example is Facebook which uses Lightbox techniques when displaying images.

This page demonstrates a simple form of lightbox developed by by Kyle Schaeffer at

I have included the CSS and JavaScript in this page to make it easier to figure out the code when looking at the page source. If you are interested in the code, use view source (Ctrl+u).

Show some text embedded in this page.

Open a separate HTML document describing XML.


I tested in Chrome, IE, Firefox, and Opera browsers.