使用CSS定位popover

Question

我有这样一个popover： 当用户在第一张图像上悬停时，他会看到弹出窗口上的第二张图像。

<img src="myimage.jpg" rel="mypop" data-content="&lt;img src=&quot; otherimage.jpg &quot;&gt;">

我在脚本标签中使用它

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

一切都很好图像在页面中间。 但如果用户将鼠标悬停在页面上方或下方的图像中，则无法看到正确的图像。

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

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

但我无法找到写入css样式的内容以在适当的位置显示用户弹出窗口。 我希望用户看到popover而不会与页面的任何部分发生冲突。

http://img17.imageshack.us/img17/2082/screensqh.jpg

Answer 1

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