html - 使用 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 样式的内容以在适当的位置显示用户弹出框。

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

score 0 · Accepted Answer

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

1 回答 1