Lightbox and Hoverbox

早就发现Lokesh Dhakarlightbox的效果很酷,今天又发现另一个国外达人NathanHoverbox,纯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.

Related Posts

2 Responses to Lightbox and Hoverbox

  1. gravatar

    区别comment and Trackback

  2. gravatar

    Alleen onder Glamour versta ik wat anders maar dat moet kunnen. So interesting site, thanks!

Leave a Reply

Mail will not be published