早就发现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.
区别comment and Trackback
Alleen onder Glamour versta ik wat anders maar dat moet kunnen. So interesting site, thanks!