CSSのみでlightboxを実装

CSS2009年3月28日

よく巷で使われているlightboxを、javascriptを使わず、CSSのみで実装する方法をご紹介いたします。

上記のでもページにてCSSのみで実装しているlightboxのサンプルが掲載されています。
javascriptなしとうたってはいますが、実際はonclick内でゴニョゴニョやっているので完全に「javascriptなし」というわけではありません。ただ、実際javascriptを読み込まず、デザインもカスタマイズ可能であり、動作も軽いですので、結構お手軽に使えるのではないでしょうか。
（個人的にはlightboxのエフェクトは不要なものだと思っています）