Demo of an Easy "Lightbox" Technique (Original Code)

This is the main content. To display a lightbox click here

This is the lightbox content.



Out of the box, this technique has several problems:

  1. It's not (as Emanuele claims) "only CSS - no JavaScript Needed"
  2. It's not accessible (it fails miserably if JavaScript is disabled)
  3. It doesn't employ valid XHTML code
  4. It doesn't employ semantically-correct HTML
  5. It doesn't use valid CSS code
  6. The "background fade" fails in IE6
  7. The "background fade" breaks on pages with scrolling content


Click here to see a superior version or read the accompanying article.