使用CSS定位弹出窗口

Question

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

<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样式展现在适当的地方用户酥料饼。 我希望用户看到弹出而不会冲突页面的任何部分。

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

Answer 1

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