CSS3或Jquery:缩略图悬停时缩略图图像的弹出窗口

时间:2013-12-28 09:14:54

标签: javascript jquery css3 popup

我需要在页面上列出缩略图,所有这些都有固定的高度和宽度。一旦我将它们中的任何一个悬停,我希望较大的图像显示在固定位置,即顶部:50px,左边:50px在其包装内。较大图像的大小也是固定的,即宽度:100px,高度:100px。

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

如果你能帮助我,我将不胜感激 谢谢,

1 个答案:

答案 0 :(得分:0)

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

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

所以尝试添加它。

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

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