A Valid XHTML & CSS Lightbox (no JavaScript)

Ok, I know this is slightly old, and I know there have been a few posts about it, but seriously, how can this have not completely revolutionized the way EVERYBODY does lightbox-style overlays???

The perfect combination of POSH and fairly-basic CSS is pretty mind-boggling… as much for how cool it is, as for how long it took this fairly-simple combination to come to “light”…

Get it? “light”? As in “lightbox”??

Okay, never mind that, but read the post, and start using this!!!!

Not only does the technique not require JavaScript, but, with the overlay content being in-page, there would be no accessibility issues, you get the added search-boost (but you can obviously move the overlays around in the mark-up to properly impact your SEO), and I have yet to find a browser in which this does not work…  Anyone?

All hail to JJenZz!!  (Also here, and here.)

Happy overlaying,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.