使用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來顯示那種數據。