使用 CSS 定位弹出框 [重复]

Question

我有一个这样的弹出窗口；当用户将鼠标悬停在第一张图片上时，他会在弹出框上看到第二张图片。

<img src="myimage.jpg" rel="mypop" data-content="<img src=" otherimage.jpg ">">

我在脚本标签中使用它

$("[rel=mypop]").popover({ placement:'right', html : true });

一切正常图片在页面中间。 但是，如果用户将鼠标悬停在页面上侧或下侧的图像上，他就看不到正确的图像。

为了解决这个问题，我想我必须使用 CSS。

<style type="text/css">
    img[rel="mypop"] {
    }
</style>

但我找不到在 CSS 样式中写入什么内容以在适当的位置显示用户弹出框。

我希望用户在不与页面的任何部分发生冲突的情况下看到弹出框。

Answer 1

我为此使用了Twitter Bootstrap popover。 但我发现，使用 popover（用于显示图像）是不合适的。 所以现在我使用 Colorbox 来显示这种数据。