target疑似クラスを用いて、CSSのみでLightBox風UIを実現する方法 - Webtech WalkerDesignWalkerさんのScriptを使わないCSSエフェクト、Tipsいろいろというエントリーの中に、「Scriptを使わないLightbox」というのがありました。本当にCSSのみで実現させていて、すごいなぁと思ったのでやり方を紹介します。 実装にはtarget疑似クラスを用います。IEとOperaがサポートしていなので、まだまだ実用的ではないと思うのですが、CSS3レベルのセレクタをうまく使えばこんなこともできるんだなーと感動しました。 具体的なコードは以下のような感じ。 <div id="thumb01"> <a href="#large01"><img src="sample_s.jpg" alt="sample" /></a> </div> <div id="large01" class="lightbox"> <a href="#thumb01"><img src="s
