0

私はこのようなポップオーバーを持っています。ユーザーが最初の画像にカーソルを合わせると、ポップオーバーに2番目の画像が表示されます。

<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スタイルに何を書き込むかが見つかりませんでした。

ページのどの部分とも競合することなく、ユーザーにポップオーバーを表示してもらいたい。

4

1 に答える 1

0

これにはTwitter Bootstrap ポップオーバーを使用しました。しかし、（画像を表示するために）ポップオーバーを使用することは適切ではないことがわかりました。だから今、私はそのようなデータを表示するために Colorbox を使用しています。

于 2012-05-16T20:00:55.657 に答える