使用CSS定位popover

时间:2012-04-28 13:55:23

标签: html css twitter-bootstrap popover

我有这样一个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

1 个答案:

答案 0 :(得分:0)

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