jquery - jQuery工具提示图像预览不起作用

Question

我有一个简单的图片库，我已经分页了，我想在滚动时使用悬停效果，就像 istockphoto.com 上使用的那样，无需离开页面即可预览图像。

这个 jQuery 工具提示插件看起来简单、直接且写得很好，所以我在我的网站上实现了。插件在这里：http ://cssglobe.com/post/1695/easyest-tooltip-and-image-preview-using-jquery

然而......它根本不起作用。大家可以看看，让我知道我可能忽略了哪些可笑的愚蠢事情吗？

谢谢！

score 2 · Accepted Answer

您缺少工具提示的 CSS

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }

添加了这个，它可以在您的网站上运行

score 1 · Accepted Answer

您的示例开发页面中的工具提示出现了！但它在窗外。它在您的页脚下方创建。您的 id 预览的 CSS 以及顶部和右侧的值有问题。您可以看到，当您在图像上移动时，右侧的滚动条会移动一点！

尝试添加

#preview {position:absolute;}

到你的 CSS。

2 回答 2