jquery - 置き方浮遊画像の上？

Question

サイトの画像の上にズーム アイコンを配置する必要があります。一部の画像には float=left または float=right スタイルがあります。jQuery を使用できます。これは私の問題の例です: http://jsfiddle.net/4Nvbe/1/

私の現在のコード:

$("a[rel^='lightbox']").each(function () { $(this).prepend('<div class="zoom"></div>'); });

Answer 1

アイコンを絶対に配置し (position: absolute)、top、left、および/または right プロパティを使用して、アイコンを画像上の適切な場所に配置する必要があります。ラッピング (画像) 要素で position:relatvie を使用して、アイコンが画像範囲外に配置されないようにします。