CSSを使用したポップオーバーの配置

Question

私はこのようなポップオーバーを持っています： ユーザーが最初の画像をホバリングすると、ポップオーバーで2番目の画像が表示されます。

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

私はすべてがOKの画像はページの真ん中にあるある

$("[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を使用。 しかし、画像を表示するためのポップオーバーを使用することは適切ではないことがわかりました。 これで私はそのような種類のデータを表示するためにカラーボックスを使用しました。