fireyy blog

早就发现Lokesh Dhakar的lightbox的效果很酷，今天又发现另一个国外达人Nathan的Hoverbox，纯CSS的技巧，酷。

把两个东西简单结合一下，其实花不了什么技巧，不过东西更酷了一点。

Lightbox and Hoverbox: 看效果演示 | 下载 (338kb)

Nathan向我们解释了Hoverbox的实现：

The magic happens on a:hover, when .preview in the link goes from having display: none; to display: block; with absolute positioning and negative values for top and left. In good browsers, it is positioned according to the containing li, which is set to display: relative, but in Internet Explorer 6, a series of * html hacks place the positioning on the containing a href.