javascript - CSS3 或 Jquery : popup of a thumbnail image when the thumbnail is hovered over

Question

我需要在页面上列出缩略图，所有缩略图都具有固定的高度和宽度。一旦我悬停其中任何一个，我希望较大的图像显示在固定位置，即 top:50px 和 left:50px 在其包装内。大图的尺寸也是固定的，即宽:100px，高:100px。

我按照说明操作 http://cssdemos.tupence.co.uk/image-popup.htm 但我想不出将较大的图像放在固定位置。

如果你能在这方面帮助我，我将不胜感激 谢谢，

Answer 1

位置固定，根据整个窗口放置图像(元素)一定数量的像素。不是 wrapper 。

绝对位置根据其包装器将图像放置一定数量的像素。

所以尝试添加这个。

.larger-image {
     position: absolute;
     top: 50px;
     left: 50px;
}

如果由于某种原因它不起作用，请发布您的相关代码。